百度地圖-修改marker圖示(icon)
阿新 • • 發佈:2019-01-10
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; } });