>백엔드 개발 >PHP 튜토리얼 >PHP는 Amap(1)을 사용하여 다각형을 그리고 편집하여 좌표를 얻습니다(간단한 요약).

PHP는 Amap(1)을 사용하여 다각형을 그리고 편집하여 좌표를 얻습니다(간단한 요약).

不言
不言원래의
2018-04-19 13:27:313770검색

이 글은 PHP Amap(1)을 사용하여 다각형을 그리고 편집하여 좌표를 얻는 내용을 소개합니다(간단한 요약). 이제 필요한 친구들이 참고할 수 있도록 공유합니다. Amap API를 처음 사용하는 경우 먼저 Amap 키를 신청해야 합니다.

주요 지침:

1. Amap 표시2. Amap 지도를 클릭하여 좌표를 가져옵니다
3. Amap 지도에서



4 . 다각형을 편집하고 좌표를 가져오는 Amap 마우스

<style>
    .map-list{float: left; margin-left: 10px;}
    .pbot10{ padding-bottom: 10px;}
    .marleft{ margin-left: 10px;}
    </style>
    <p>
        </p><p>        
        </p><p>            
        </p><p></p>                
        <p>                    
        </p>
                                      $v):         ?>                                     
  •         [=$v;?>],         
  •                                                               
                             
                                      $val):?>                                     
  •                                           $v):?>                                             =$v;?>                                                                              
  •                                                               
                                                                               清空所有                                  生成抢修范围                                  

                         开始编辑抢修范围                                  结束编辑抢修范围                                                                                       <script> </script>         <script> var city = &#39;济南&#39;; //生成地图 var map = new AMap.Map(&#39;container&#39;,{ resizeEnable: true, zoom: 13 }); //地图上添加工具 AMap.plugin([&#39;AMap.ToolBar&#39;,&#39;AMap.Scale&#39;,&#39;AMap.OverView&#39;], function() { map.addControl(new AMap.ToolBar()); map.addControl(new AMap.Scale()); }); //设置地图中心 var lngLat = map.getCenter(); var lng = lngLat.lng; var lat = lngLat.lat; if(city) { map.setCity("" + city + ""); } else { map.setCenter([lng, lat]); } //清空地图 function clearMap() { map.clearMap(); $(&#39;.map-list-add&#39;).html(&#39;&#39;); positions = []; $(&#39;textarea[name=region]&#39;).val(&#39;&#39;); $(&#39;.map-list-hidden&#39;).html(&#39;&#39;); } //点击地图获取坐标 function huaNew() { var positions = []; //地图上点击事件 map.on(&#39;click&#39;, function(e) { //显示点击的坐标 var lngLat = e.lnglat.getLng() + &#39;,&#39; + e.lnglat.getLat(); //将坐标填的 ul var html = $(&#39;.map-list-add&#39;).html(); html += &#39;<li>[&#39; + lngLat + &#39;]&#39;; positions.push([e.lnglat.getLng(), e.lnglat.getLat()]); $(&#39;.map-list-add&#39;).html(html); }); } //画多边形的参数 var xian = { strokeColor: "#FF33FF", //线颜色 strokeOpacity: 0.2, //线透明度 strokeWeight: 3, //线宽 fillColor: "#1791fc", //填充色 fillOpacity: 0.35//填充透明度 }; //画多边形 var mouseTool = new AMap.MouseTool(map); //在地图中添加MouseTool插件 AMap.event.addDomListener(document.getElementById(&#39;huaMarker&#39;), &#39;click&#39;, function() { clearMap(); huaNew(); mouseTool.polygon(xian); }, false); //默认加载的多边形 $(function () { var markers = [], positions = []; var valRegion = &#39;[116.97174,36.707879],[116.986675,36.681658],[116.983241,36.677665],[116.954059,36.675256],&#39;; var len = $(&#39;.map-list-hidden li&#39;).length; for(var p=0; p < len; p++) { var posit = []; var defaultLng = $(&#39;.map-list-hidden li:eq(&#39;+p+&#39;) span:eq(0)&#39;).html(); var defaultLat = $(&#39;.map-list-hidden li:eq(&#39;+p+&#39;) span:eq(1)&#39;).html(); posit.push(parseFloat(defaultLng)); posit.push(parseFloat(defaultLat)); positions.push(posit); } $(&#39;textarea[name=region]&#39;).val(valRegion); //编辑多边形 var _polygon = (function(){ var arr = positions; xian.path = positions; xian.map = map; return new AMap.Polygon(xian); })(); //编辑多边形初始化 _polygonEditor = new AMap.PolyEditor(map, _polygon); //开始编辑 startEditPolygon = function(){ _polygonEditor.open(); } //结束编辑 closeEditPolygon = function(){ var html = &#39;&#39;, htmlText = &#39;&#39;; _polygonEditor.close(); var a = _polygon.getPath(); for(var q = 0; q < a.length; q++) { var posit = []; posit.push(parseFloat(a[q][&#39;lng&#39;])); posit.push(parseFloat(a[q][&#39;lat&#39;])); html += "<li>[" + posit + "],"; htmlText += "[" + posit + "],"; } $(&#39;.map-list-add&#39;).html(html); $(&#39;textarea[name=region]&#39;).val(htmlText); } }); </script>




:

http:// lbs.ama p.com/api/javascript -api/guide/create-map/show-map 지도 표시


http://lbs.amap.com/api/javascript-api/guide/draw-on -map/marker-point 포인트 마크

http://lbs.amap.com/api/javascript-api/example/marker/marker-content 포인트 마크 예시

http://lbs.amap. com/api/javascript-api/example/overlayers/polyline-circle-polygon 폴리라인, 폴리곤, 원 예제


http://lbs.amap.com/api/javascript-api/example/mouse-operate- map/mouse-draw-overlayers 마우스 그리기 점 선 표면


http://lbs.amap.com/faq/web/javascript-api/327

마우스 도구는 오버레이를 그립니다. 위치/범위/를 얻는 방법 오버레이 경로?


http://lbs.amap.com/api/javascript-api/example/overlayers/edit-polyline-circle-polygon 폴리라인, 폴리곤, 원 편집


http://lbs. amap.com/faq/web/javascript-api/editpolygon-getpath

폴리곤을 편집한 후 경로를 얻는 방법은 무엇입니까?



위 내용은 PHP는 Amap(1)을 사용하여 다각형을 그리고 편집하여 좌표를 얻습니다(간단한 요약).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:PHP 파일 작업다음 기사:PHP 파일 작업