添加百度地圖,標注圖標無法顯示如何解決?
來源:
友點CMS
日期:2020-07-09 14:05:50
點擊:13349
屬于:常見問答
方法一:
示例源碼如下 黃色部分為自己修改部分,經度和緯度獲取方式可以百度地圖里面查找獲得
<div id="MapContainer" style="width:800px; height:380px;"></div> 【800px改成100%】
<script src="//api.map.baidu.com/api?v=3.0&ak=6lsQyoWKsB0l9K9rt6EFLkqjjBY45N87"></script>
<script>
var map = new BMap.Map("MapContainer"); //在指定的容器內創建地圖實例
map.enableScrollWheelZoom(true); //啟用滾輪放大縮小,默認禁用。
//map.addControl( new BMap.NavigationControl() );
var jd = "{$Longitude}"; 【{$Longitude}改成你的坐標經度】
var wd = "{$Latitude}"; 【{$Latitude}改成你的坐標緯度】
if( jd && wd){
var mypoint = new BMap.Point(jd, wd);
map.centerAndZoom(mypoint, 15);
map.clearOverlays();
var marker = new BMap.Marker(mypoint);
map.addOverlay(marker);
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
}else{
map.centerAndZoom("北京市", 15);//默認地圖的顯示范圍
}
</script>
方法二:
百度地圖生成器(http://api.map.baidu.com/lbsapi/creatmap/)就很好的滿足了這一部分用戶的訴求,快速簡單的給自己網頁添加一個加標注的地圖【地圖添加方法:http://bbs.youdiancms.com/forum.php?mod=viewthread&tid=89】,但是美中不足的,現在這個百度地圖生成器添加標注后,標注圖標不顯示,如下圖:
解決方法也很簡單,只要找到生成的代碼中的icon地址:
http://app.baidu.com/map/images/us_mk_icon.png
替換成這個地址即可:
http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png
替換后的效果:
A片又黄又爽视频免费