热门搜索: ecshop    php字符串    php源码    css学习    php学习    php mysql    

百度地图-修改marker图标(icon)

时间:2016-06-04 17:43 文章来源:未知 点击次数:

在现在很多应用中都会有用到地图,因此在应用开发中,地图这一块很多地方都有引用到。百度地图api就是我们经常用到的。今天在这里和大家一起学习一下百度地图的修改marker图标。

如下代码。

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

很多东西都是熟悉之后才会明白期中的原理,这里也是一样的,里面看似复杂的东西,但是明白就也就是那么回事。

    相关内容

    热门排行