如何將坐標(biāo)信息導(dǎo)入到地圖上實(shí)現(xiàn)批量添加標(biāo)注信息?
指縫間de陽(yáng)光
1.var map = new BMap.Map("Mapcontainer"); 0
2. var JsonObj = eval(JsonStr); 0
3. if (JsonObj != null) { 0
4. for (var i = 0; i < JsonObj.length; i++) { 0
5. (function (x) { 0
6. var nt = new BMap.Point(JsonObj[x].Visit_GPS_Longitude, JsonObj[x].Visit_GPS_Latitude); // 創(chuàng)建點(diǎn)坐標(biāo) 0
7. map.centerAndZoom(nt, 13); 0
8. var marker = new BMap.Marker(nt); 0
9. var opts = {
10. width: 250, // 信息窗口寬度 1
1. height: 100, // 信息窗口高度 1
2. title: '<span style="font-size:15px;color:#0A8021">' + JsonObj[x].CustomerName + '</span>' // 信息窗口標(biāo)題 1
3. } 1
4. //marker.setAnimation(BMAP_ANIMATION_BOUNCE); 1
5. var content = "進(jìn)指路人地圖標(biāo)注服務(wù)中心時(shí)間 " + JsonObj[x].VisitBeginTime + "<br/>離指路人地圖標(biāo)注服務(wù)中心時(shí)間 " + JsonObj[x].VisitEndTime; 1
6. var info_Window = new BMap.InfoWindow(content, opts); // 創(chuàng)建信息窗口對(duì)象 1
7. marker.addEventListener("click", function () { 1
8. this.openInfoWindow(info_Window); 1
9. }); 20. map.addOverlay(marker); 2
1. })(i); 2
2. } 2
3. map.addControl(new BMap.NavigationControl()); var map = new BMap.Map("Mapcontainer"); var JsonObj = eval(JsonStr); if (JsonObj != null) { for (var i = 0; i < JsonObj.length; i++) { (function (x) { var nt = new BMap.Point(JsonObj[x].Visit_GPS_Longitude, JsonObj[x].Visit_GPS_Latitude); // 創(chuàng)建點(diǎn)坐標(biāo) map.centerAndZoom(nt, 13); var marker = new BMap.Marker(nt); var opts = { width: 250, // 信息窗口寬度 height: 100, // 信息窗口高度 title: '<span style="font-size:15px;color:#0A8021">' + JsonObj[x].CustomerName + '</span>' // 信息窗口標(biāo)題 } //marker.setAnimation(BMAP_ANIMATION_BOUNCE); var content = "進(jìn)指路人地圖標(biāo)注服務(wù)中心時(shí)間 " + JsonObj[x].VisitBeginTime + "<br/>離指路人地圖標(biāo)注服務(wù)中心時(shí)間 " + JsonObj[x].VisitEndTime; var info_Window = new BMap.InfoWindow(content, opts); // 創(chuàng)建信息窗口對(duì)象 marker.addEventListener("click", function () { this.openInfoWindow(info_Window); }); map.addOverlay(marker); })(i); } map.addControl(new BMap.NavigationControl()); 同樣是一個(gè)循環(huán),但是在循環(huán)中使用了一個(gè)匿名函數(shù),從而造成一個(gè)閉包將 i 的值鎖定在里面,這樣外部的值已經(jīng)變化, 但是傳到閉包里面的值已經(jīng)被保留,也就可以順利拿到應(yīng)該取到的address[i]的內(nèi)容了。 這樣雖然解決了問題,但是每添加一個(gè)點(diǎn)都會(huì)創(chuàng)建一個(gè)匿名函數(shù),內(nèi)存泄漏可能會(huì)是潛在隱患。 接下去, 我們就可以自由的在地圖上標(biāo)注點(diǎn)并顯示對(duì)應(yīng)的信息了!
2021-09-23 17:41:10 908查看 0回答
律動(dòng)
2021-09-23 17:41:46 494查看 1回答
月野兔醬
2021-09-23 17:42:37 449查看 3回答
2021-09-23 17:46:45 465查看 0回答