百度地图API : 修改marker图标(icon)
生活随笔
收集整理的這篇文章主要介紹了
百度地图API : 修改marker图标(icon)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
var map = new BMap.Map("map"); // 創(chuàng)建地圖實(shí)例
var point = new BMap.Point(116.404, 39.915); // 創(chuàng)建點(diǎn)坐標(biāo)
map.centerAndZoom(point, 15); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別 map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.setDefaultCursor("crosshair");
map.addEventListener("click", function(e){ //點(diǎn)擊事件 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) // 設(shè)置圖片偏移});var marker=new BMap.Marker(e.point,{icon:myIcon});map.removeOverlay(preMarker);map.addOverlay(marker);preMarker=marker;}
});
本篇文章是修改下圖指定的圖標(biāo)樣式 想要修改自定義圖片樣式 見https://lvsige.blog.csdn.net/article/details/109207754
總結(jié)
以上是生活随笔為你收集整理的百度地图API : 修改marker图标(icon)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: H5 获取手机GPS坐标
- 下一篇: 熊猫债券是指