百度地图标注点上添加数字
2017-09-11 09:52
441 查看
var points = [
{"lng":116,"lat":40,"data":"5"},
{"lng":117,"lat":31,"data":"9"},
{"lng":116,"lat":34,"data":"7"}
];
function addMarker(points){ // 创建图标对象
// 创建标注对象并添加到地图
for(var i = 0,pointsLen = points.length;i <pointsLen;i++){
var point = new BMap.Point(points[i].lng,points[i].lat);
var marker = new BMap.Marker(point);
var label = new BMap.Label(points[i].data, {
offset : new BMap.Size(5, 4)
});
label.setStyle({
background:'none',color:'#fff',border:'none'//只要对label样式进行设置就可达到在标注图标上显示数字的效果
});
marker.setLabel(label);//显示地理名称 a
map.addOverlay(marker);
//给标注点添加点击事件。使用立即执行函数和闭包
(function() {
var thePoint = points[i];
marker.addEventListener("click",function(){
showInfo(this,thePoint);
});
})();
}
}
{"lng":116,"lat":40,"data":"5"},
{"lng":117,"lat":31,"data":"9"},
{"lng":116,"lat":34,"data":"7"}
];
function addMarker(points){ // 创建图标对象
// 创建标注对象并添加到地图
for(var i = 0,pointsLen = points.length;i <pointsLen;i++){
var point = new BMap.Point(points[i].lng,points[i].lat);
var marker = new BMap.Marker(point);
var label = new BMap.Label(points[i].data, {
offset : new BMap.Size(5, 4)
});
label.setStyle({
background:'none',color:'#fff',border:'none'//只要对label样式进行设置就可达到在标注图标上显示数字的效果
});
marker.setLabel(label);//显示地理名称 a
map.addOverlay(marker);
//给标注点添加点击事件。使用立即执行函数和闭包
(function() {
var thePoint = points[i];
marker.addEventListener("click",function(){
showInfo(this,thePoint);
});
})();
}
}
相关文章推荐
- 百度地图添加带数字标注
- iOS Swift百度地图 添加多个标注
- 调取百度地图接口,实现取自己的实时位置,然后可以在百度地图上添加信息标注
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- iOS-百度地图添加标注自定义气泡
- iOS 之 使用百度地图 (删除地图页面所有自己添加的标注)
- 百度地图开发-添加图文的标注功能
- iOS - 百度地图最基本操作(定位,手势添加自定义标注)
- 百度地图:为标记添加点击事件显示标注
- 百度地图循环添加标注,并循环为标注添加信息窗口问题解决
- IOS 百度地图开发 大头针标数字 大头针(标注)以及折线的基本使用
- 百度地图添加标注点
- 项目中的百度地图添加标注,动态弹框
- 百度地图上自定义添加一个标注
- 百度地图添加标注点
- 点击百度地图添加标注并获取当前地理名称
- 百度地图添加标注,并获取标注的经纬度
- 创建百度地图,设置地图缩放,设置标注,添加信息窗口