找了很多资料,自己写的在高德地图添加围栏,选点的功能。
<!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 就是围栏的数组
相关推荐
Android版仿微信发送位置、地图选点(高德地图). 前面上传过一个百度地图的, 这个也一起上传吧(捞点分, 现在下载都强制需要资源分), Key请自行申请, demo包含一个可运行apk和源码.
里面包含了elementui结合高德地图的定位已经位置标记相关的资料,里面的定位组件下载就可使用,包含组件和说明文档。
高德地图实现多边形框选,选中展示地图中坐标点。实现坐标点框选。范围内坐标点选择。包括矩形,圆形,和任意多边形。。。需要修改key为自己注册的开发key
高德地图将带有自定义的图片的marker用连线连起来
调用高德地图api,实现地图的显示,标记点的增删,完整的项目包含依赖的包和配置文件
利用高德地图api实现高德地图地点的搜索,同时可以设置规划路线,并保存规划路线的信息,路线规划支持按不同的策略生成规划路线。
本组件是用于在地图上选点、回显坐标等
本篇文章主要介绍了vue基于Vue2.0和高德地图的地图组件实例,非常具有实用价值,需要的朋友可以参考下
百度地图选点定位
地图选点google.zip
将高德地图嵌入H5页面,并可以在地图选点得到经纬度。 资源中已经将得到的经纬度用变量接收,可调用ajax做其他的处理。 demo属于响应式布局,目前显示用的input是bootstrap框架。
百度地图拖拽选点 可显示经纬度 经纬度: 地址: 最近的路口 最近的路 最近的POI
Android版仿微信发送位置、地图选点(百度地图)
在应用开发中,地图开发是经常需要使用的“组件”,Google Map虽然有官方教程,无奈用不起来,原因你懂的~~那么国内比较出名的是就是百度地图和高德地图,由于个人喜好,所以选择了高德地图LBS,废话不说,上干货。...
完整的android 百度地图 选点定位
利用百度地图开发接口 拖动地图获取中心坐标以及周围一些POI数据
微信小程序地图选点收藏Demo 本程序是用于测试微信小程序地图功能及与LeanCloud数据存储管理功能的Demo。 本程序目前未添加AppID无法进行真机调试,欢迎已经申请到资格的朋友测试反馈。 本程序数据管理功能基于...
C#实现高德地图定位(包含登录,注册) 推荐:比较实用
基于百度地图最新版的地图选点demo,可以获取中心点的经纬度坐标(坐标在控制台打印),可以根据此扩展POI数据; 需要把manifest中的百度key对应成自己的,注意包名和签名
主要介绍了vue+高德地图实现地图搜索及点击定位操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧