添加银行和政府端小程序
This commit is contained in:
70
website/assets/js/baidu-map.js
Normal file
70
website/assets/js/baidu-map.js
Normal file
@@ -0,0 +1,70 @@
|
||||
/**
|
||||
* 百度地图初始化脚本
|
||||
* 用于初始化联系我们页面的百度地图
|
||||
*/
|
||||
|
||||
// 初始化百度地图
|
||||
function initBaiduMap() {
|
||||
// 检查百度地图容器是否存在
|
||||
const mapContainer = document.getElementById('baidu-map-container');
|
||||
if (!mapContainer) return;
|
||||
|
||||
// 添加加载中状态
|
||||
mapContainer.classList.add('map-loading');
|
||||
|
||||
// 百度地图API密钥
|
||||
const BAIDU_MAP_AK = 'SOawZTeQbxdgrKYYx0o2hn34G0DyU2uo';
|
||||
|
||||
// 动态加载百度地图API脚本
|
||||
const script = document.createElement('script');
|
||||
script.src = `https://api.map.baidu.com/api?v=3.0&ak=${BAIDU_MAP_AK}&callback=initMapInstance`;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
|
||||
// 初始化地图实例
|
||||
function initMapInstance() {
|
||||
const mapContainer = document.getElementById('baidu-map-container');
|
||||
mapContainer.classList.remove('map-loading');
|
||||
|
||||
// 创建地图实例
|
||||
const map = new BMap.Map('baidu-map-container');
|
||||
|
||||
// 设置地图中心点 - 宁夏银川市金凤区
|
||||
const point = new BMap.Point(106.2324, 38.4864); // 银川市中心坐标,可根据实际地址调整
|
||||
map.centerAndZoom(point, 15); // 设置中心点和缩放级别
|
||||
|
||||
// 添加地图控件
|
||||
map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
|
||||
map.addControl(new BMap.ScaleControl()); // 添加比例尺控件
|
||||
map.addControl(new BMap.OverviewMapControl()); // 添加缩略图控件
|
||||
map.enableScrollWheelZoom(); // 启用滚轮放大缩小
|
||||
|
||||
// 创建标记点
|
||||
const marker = new BMap.Marker(point);
|
||||
map.addOverlay(marker);
|
||||
|
||||
// 创建信息窗口
|
||||
const infoWindow = new BMap.InfoWindow(
|
||||
'<div class="map-info-window">'+
|
||||
'<h5>宁夏智慧养殖监管平台</h5>'+
|
||||
'<p>地址:宁夏回族自治区银川市金凤区</p>'+
|
||||
'<p>电话:0951-88888888</p>'+
|
||||
'</div>'
|
||||
);
|
||||
|
||||
// 点击标记时显示信息窗口
|
||||
marker.addEventListener('click', function() {
|
||||
map.openInfoWindow(infoWindow, point);
|
||||
});
|
||||
|
||||
// 默认打开信息窗口
|
||||
map.openInfoWindow(infoWindow, point);
|
||||
}
|
||||
|
||||
// 在页面加载完成后初始化地图
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 如果页面包含联系我们模块,则初始化地图
|
||||
if (document.getElementById('contact')) {
|
||||
initBaiduMap();
|
||||
}
|
||||
});
|
||||
@@ -1,7 +1,7 @@
|
||||
// 页面加载完成后执行
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// 页面加载动画
|
||||
initPageLoader();
|
||||
// 页面加载动画 - 已移除
|
||||
// initPageLoader();
|
||||
|
||||
// 初始化导航栏滚动效果
|
||||
initNavbarScroll();
|
||||
|
||||
Reference in New Issue
Block a user