百度地图修改marker图标颜⾊
1.百度的marker图标
2.代码控制显⽰marker的图⽚
var map = new BMap.Map("map"); // 创建地图实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
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("api.map.baidu/img/markers.png", new BMap.Size(23, 25), {
offset: new BMap.Size(10, 25), // 指定定位位置
imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图⽚偏移使⽤左侧的图⽚
// imageOffset: new BMap.Size(-20, 0 - 10 * 25) // 设置图⽚偏移使⽤右侧的图⽚0-x*25代表使⽤第x+1张图⽚ });
var marker=new BMap.Marker(e.point,{icon:myIcon});
map.addOverlay(marker);
preMarker=marker;
}
});
3.实现效果
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论