关于百度地图的调用
现在在网站的联系我们板块用地图显示公司位置是一个很常见的场景,下面就和大家分享一下我的实战经验。
1.在这网址上面输入你想要的经纬度
URL: http://api.map.baidu.com/lbsapi/creatmap/index.html
2.在我的标记中可以设置标记图标、名称以及备注,然后点击保存。
3.下一步获取代码,将代码复制到自己的页面中。
4.百度地图就生成在你的页面上啦!
注意:有可能会遇到名称的背景白框消失可以这样子去做替换。
function addMarker(){ for(var i=0;i<markerArr.length;i++){ var json = markerArr[i]; var p0 = json.point.split("|")[0]; var p1 = json.point.split("|")[1]; var point = new BMap.Point(p0,p1); var iconImg = createIcon(json.icon); var marker = new BMap.Marker(point); // 创建标注 只有添加了才能显示 map.addOverlay(marker); var iw = createInfoWindow(i); var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)}); marker.setLabel(label); map.addOverlay(marker); label.setStyle({ borderColor:"#808080", color:"#333", cursor:"pointer" }); (function(){ var index = i; var _iw = createInfoWindow(i); var _marker = marker; _marker.addEventListener("click",function(){ this.openInfoWindow(_iw); }); _iw.addEventListener("open",function(){ _marker.getLabel().hide(); }) _iw.addEventListener("close",function(){ _marker.getLabel().show(); }) label.addEventListener("click",function(){ _marker.openInfoWindow(_iw); }) if(!!json.isOpen){ label.hide(); _marker.openInfoWindow(_iw); } })() } }