“行政区划归属获取”的版本间的差异

2020年10月9日 (五) 13:29的版本

行政区划归属获取

该示例通过鼠标交互事件，介绍如何获行政区划的信息。

https://mapopen-website-wiki.cdn.bcebos.com/wiki/android-loc-sdk/sdkgetAK.mov

获取行政区划归属信息示例

核心接口

类	接口	描述	参考文档
Map	new BMapGL.Map('container')	创建GL版地图	展示地图
Map	setMapType(BMAP_EARTH_MAP)	设置地图类型	变更地图类型

            map.addEventListener('click', function (e) {
                var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat);
                var gc = new BMapGL.Geocoder();
                gc.getLocation(point, function (rs) {
                    var opts = {
                        title: '行政区划归属',
                        width: 220,
                        height: 92
                    };
                    var infoStr = '<div>省：' + rs.addressComponents.province + '</div>'
                                + '<div>市：' + rs.addressComponents.city + '</div>'
                                + '<div>区：' + rs.addressComponents.district + '</div>';
                    var infoWindow = new BMapGL.InfoWindow(infoStr, opts);
                    map.openInfoWindow(infoWindow, point);
                });
            });

复制

深色

复制成功

@@ 第18行： / 第18行： @@
 | [[jspopularGL/guide/maptype|变更地图类型]]
 |}
-</div></div><div class="header"><div class="active">核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-w pre-wrap-w-and"><pre class="prettyprint prettyprinted pre-and">  <div id="container"></div>
+</div></div><div class="header"><div class="active">核心代码</div></div><div class="pre-wrap"><div class="pre-wrap-w pre-wrap-w-and"><pre class="prettyprint prettyprinted pre-and">            map.addEventListener('click', function (e) {
-  <ul class="drawing-panel" style="z-index: 99;">
+                var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat);
-      <li class = "normal btn current" onclick = "changeMapType(this)">3D地图</li>
+                var gc = new BMapGL.Geocoder();
-      <li class = "earth btn" onclick = "changeMapType(this)">卫星地球</li>
+                gc.getLocation(point, function (rs) {
-  </ul>
+                    var opts = {
+                        title: '行政区划归属',
-  <script>
+                        width: 220,
-  var map = new BMapGL.Map('container');
+                        height: 92
-  map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 18);  // 设置中心点和地图级别
+                    };
-  map.enableScrollWheelZoom(true);                           // 开启鼠标滚轮缩放
+                    var infoStr = '<div>省：' + rs.addressComponents.province + '</div>'
-  map.addControl(new BMapGL.NavigationControl3D());          // 添加3D控件
+                                + '<div>市：' + rs.addressComponents.city + '</div>'
-  function changeMapType(e) {
+                                + '<div>区：' + rs.addressComponents.district + '</div>';
-      if (e.className.indexOf('current') === -1) {
+                    var infoWindow = new BMapGL.InfoWindow(infoStr, opts);
-          var allLi = document.getElementsByClassName('btn');
+                    map.openInfoWindow(infoWindow, point);
-          for (var i = 0; i < allLi.length; i++) {
+                });
-              allLi[i].className = allLi[i].className.replace(' current','').trim();
+            });
-          }
+        </pre>
-          e.className += ' current';
-          if (e.className.indexOf('normal')&nbsp;!= -1) {
-              map.setMapType(BMAP_NORMAL_MAP);
-          } else {
-              map.setMapType(BMAP_EARTH_MAP);
-          }
-      }
-  }
-  </script>
-                </pre>
 <div class="pre-btn"><div class="pre-btn-copy-and">复制</div><div class="pre-btn-cb-and">深色</div></div><div class="success">复制成功</div></div></div></div></div>

文档全面上新

2020年10月9日 (五) 13:29的版本