找了很多资料,自己写的在高德地图添加围栏,选点的功能。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>输入提示后查询,点击获取坐标</title> <style type="text/css"> body{ margin:0; height:100%; width:100%; position:absolute; font-size:12px; } #mapContainer{ position: absolute; top:0; left: 0; right:0; bottom:0; } </style> </head> <body> <div id="mapContainer" ></div> <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3819e3b9a7810x1930026f02fa8ebac2b"></script> <script type="text/javascript"> var windowsArr = []; var marker = []; var mapObj = new AMap.Map("mapContainer", { resizeEnable: true, zoom:11 }); mapObj.plugin(["AMap.ToolBar"], function() { mapObj.addControl(new AMap.ToolBar()); }); var jsonx = []; var clickEventListener=AMap.event.addListener(mapObj,'click',function(e){ var marker = new AMap.Marker({map:mapObj,position:[e.lnglat.lng,e.lnglat.lat]}); jsonx.push({"latitude":e.lnglat.lat,"longitude":e.lnglat.lng}); window.top.json = jsonx; AMap.event.addListener(marker, 'click', function(){ var mark = this; var x = 0; for(var i=0, a;a=jsonx[i];i++){ if (mark.getPosition().lng == a.longitude && mark.getPosition().lat == a.latitude) { x = i; } } Array.prototype.baoremove = function(dx) { if(isNaN(dx)||dx>this.length){return false;} this.splice(dx,1); } jsonx.baoremove(x) mapObj.remove(this); window.top.json = jsonx; }); }); </script> </body> </html>
最后得到的json 就是围栏的数组