Commit c0650ee9 by LJM

add

parent 2fed410f
Showing with 33 additions and 31 deletions
...@@ -67,37 +67,39 @@ ...@@ -67,37 +67,39 @@
}, },
mapChange: function () { mapChange: function () {
// 初始化地图 if ($("#map").length > 0) {
var map = new BMap.Map("map"); // 初始化地图
var point = new BMap.Point(114.23859, 22.313236); // 香港九龙观塘成业街27号日昇中心的经纬度 var map = new BMap.Map("map");
map.centerAndZoom(point, 18); // 设置中心点和缩放级别 var point = new BMap.Point(114.23859, 22.313236); // 香港九龙观塘成业街27号日昇中心的经纬度
map.centerAndZoom(point, 18); // 设置中心点和缩放级别
// 添加标注
var marker = new BMap.Marker(point); // 添加标注
map.addOverlay(marker); var marker = new BMap.Marker(point);
map.addOverlay(marker);
// 开启鼠标滚轮缩放
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
map.enableScrollWheelZoom(true);
// 设置标注跳动
marker.setAnimation(BMAP_ANIMATION_BOUNCE); // 设置标注跳动
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
// 信息窗口内容
var infoContent = "<div style='line-height:1.5;'>" + // 信息窗口内容
"<p style='font-weight: bold;color: #000;'>香港富开有限公司</p>" + var infoContent = "<div style='line-height:1.5;'>" +
"<p>电话:+852-3580-8309</p>" + "<p style='font-weight: bold;color: #000;'>香港富开有限公司</p>" +
"<p>邮箱:info@hopskyhk.com</p>" + "<p>电话:+852-3580-8309</p>" +
"<p>地址:香港九龙观塘成业街27号日昇中心9楼903C2室</p>" + "<p>邮箱:info@hopskyhk.com</p>" +
"</div>"; "<p>地址:香港九龙观塘成业街27号日昇中心9楼903C2室</p>" +
"</div>";
// 添加信息窗口
var infoWindow = new BMap.InfoWindow(infoContent); // 添加信息窗口
map.openInfoWindow(infoWindow, point); // 页面加载时打开信息窗口 var infoWindow = new BMap.InfoWindow(infoContent);
map.openInfoWindow(infoWindow, point); // 页面加载时打开信息窗口
// 点击标注时再次打开信息窗口
marker.addEventListener("click", function () { // 点击标注时再次打开信息窗口
map.openInfoWindow(infoWindow, point); marker.addEventListener("click", function () {
}); map.openInfoWindow(infoWindow, point);
});
}
}, },
handleBind: function (opt) { handleBind: function (opt) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment