1. 程式人生 > >百度地圖-修改marker圖示(icon)

百度地圖-修改marker圖示(icon)

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;
    }
});