百度地圖-修改marker圖標(icon)
阿新 • • 發佈:2018-06-03
rand api oss size csdn map img ID 實例
百度地圖-修改marker圖標(icon)
學習了:https://blog.csdn.net/clh604/article/details/9412291/
源碼膜拜:
var map = new BMap.Map("map"); // 創建地圖實例 var point = new BMap.Point(116.404, 39.915); // 創建點坐標 map.centerAndZoom(point, 15); // 初始化地圖,設置中心點坐標和地圖級別 map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.setDefaultCursor("crosshair"); map.addEventListener("click", function(e){ //點擊事件 if(!e.overlay){ var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { offset: new BMap.Size(10, 25), //指定定位位置 imageOffset: new BMap.Size(0, 0 - 10 * 25) // 設置圖片偏移 }); var marker=new BMap.Marker(e.point,{icon:myIcon}); map.removeOverlay(preMarker); map.addOverlay(marker); preMarker=marker; } });
學習了: https://blog.csdn.net/u010989191/article/details/51326617 這裏也提到了;
百度地圖-修改marker圖標(icon)