地图开发添加标注物-阿里云开发者社区

地图开发添加标注物

2014-04-23 1031

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 最近几年在搞地图方面的开发，主要是循环为坐标添加标注并为标注添加弹出信息窗口，起初我的代码如下： [javascript] view plaincopy var map = new BMap.Map("Mapcontainer"); var JsonObj = eval(JsonStr); if (J

最近几年在搞地图方面的开发，主要是循环为坐标添加标注并为标注添加弹出信息窗口，起初我的代码如下：

[javascript] view plain copy

var map = new BMap.Map("Mapcontainer");
var JsonObj = eval(JsonStr);
if (JsonObj != null) {
for (var i = 0; i < JsonObj.length; i++) {
var point = new BMap.Point(JsonObj[i].Visit_GPS_Longitude, JsonObj[i].Visit_GPS_Latitude); // 创建点坐标
map.centerAndZoom(point, 13);
var marker = new BMap.Marker(point);
var opts = {
width: 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title: '' + JsonObj[i].CustomerName + '' // 信息窗口标题
}
//marker.setAnimation(BMAP_ANIMATION_BOUNCE);
var content = "进店时间 " + JsonObj[i].VisitBeginTime + " 离店时间 " + JsonObj[i].VisitEndTime;
var info_Window = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
marker.addEventListener("click", function () {
this.openInfoWindow(info_Window);
});
map.addOverlay(marker);
}
map.addControl(new BMap.NavigationControl());

这样子确实能添加标注，也弹出信息窗口，但是问题来了！弹出的信息窗口没有变化，也就是说本来不同的标注上弹出的信息窗口应该是不一样的，可以不知道怎么回事

弹出的信息窗口一直是最后的那个信息窗口！折腾了好久，最后终于解决了，具体的代码如下：

[javascript] view plain copy

var map = new BMap.Map("Mapcontainer");
var JsonObj = eval(JsonStr);
if (JsonObj != null) {
for (var i = 0; i < JsonObj.length; i++) {
(function (x) {
var point = new BMap.Point(JsonObj[x].Visit_GPS_Longitude, JsonObj[x].Visit_GPS_Latitude); // 创建点坐标
map.centerAndZoom(point, 13);
var marker = new BMap.Marker(point);
var opts = {
width: 250, // 信息窗口宽度
height: 100, // 信息窗口高度
title: '' + JsonObj[x].CustomerName + '' // 信息窗口标题
}
//marker.setAnimation(BMAP_ANIMATION_BOUNCE);
var content = "进店时间 " + JsonObj[x].VisitBeginTime + " 离店时间 " + JsonObj[x].VisitEndTime;
var info_Window = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
marker.addEventListener("click", function () {
this.openInfoWindow(info_Window);
});
map.addOverlay(marker);
})(i);
}
map.addControl(new BMap.NavigationControl());

同样是一个循环，但是在循环中使用了一个匿名函数，从而造成一个闭包将 i 的值锁定在里面，这样外部的值已经变化，

但是传到闭包里面的值已经被保留，也就可以顺利拿到应该取到的address[i]的内容了。
这样虽然解决了问题，但是每添加一个点都会创建一个匿名函数，内存泄漏可能会是潜在隐患。
接下去，我们就可以自由的在地图上标注点并显示对应的信息了！

地图开发添加标注物

热门文章

最新文章

相关课程

相关电子书

相关实验场景