| 第1行： | 第1行： | ||
| − | <div id="examples_api_center"><div class="title-hd">行政区划归属获取</div></div><div class="demos_wrap"><div class="header"><div class="active">功能场景</div></div><div class="wrap-mi">该示例通过鼠标交互事件，介绍如何获行政区划的信息。</div><div class="header"><div class="active">DEMO</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="pc-video"><div class="video-box infor"><div class="video-control1"></div><pre>https:// | + | <div id="examples_api_center"><div class="title-hd">行政区划归属获取</div></div><div class="demos_wrap"><div class="header"><div class="active">功能场景</div></div><div class="wrap-mi">该示例通过鼠标交互事件，介绍如何获行政区划的信息。</div><div class="header"><div class="active">DEMO</div></div><div class="andiord-wrap wrap"><div class="wrap-wp"><div class="pc-video"><div class="video-box infor"><div class="video-control1"></div><pre>https://bj.bcebos.com/v1/mapopen/api-demos/video/行政区划规划获取.mp4</pre> |
</div><div class="video-title1">获取行政区划归属信息示例</div></div></div><div class="api-table-box"><div class="api-info-box"><div class="pre-nav"><div class="left-icon"></div><div>核心接口</div><br/></div> | </div><div class="video-title1">获取行政区划归属信息示例</div></div></div><div class="api-table-box"><div class="api-info-box"><div class="pre-nav"><div class="left-icon"></div><div>核心接口</div><br/></div> | ||
{| width="370" border="1" | {| width="370" border="1" | ||
| 第18行： | 第18行： | ||
| [[jspopularGL/guide/infoWindow|信息窗口]] | | [[jspopularGL/guide/infoWindow|信息窗口]] | ||
|} | |} | ||
| − | </div></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) { |
| − | <div class="header"> | + | |
| − | + | ||
| − | </div> | + | |
| − | <div class="pre-wrap"> | + | |
| − | + | ||
| − | + | ||
| − | + | ||
var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat); | var point = new BMapGL.Point(e.latlng.lng, e.latlng.lat); | ||
var gc = new BMapGL.Geocoder(); | var gc = new BMapGL.Geocoder(); | ||
2020年10月9日 (五) 16:19的版本
行政区划归属获取
功能场景
该示例通过鼠标交互事件，介绍如何获行政区划的信息。
DEMO
https://bj.bcebos.com/v1/mapopen/api-demos/video/行政区划规划获取.mp4
获取行政区划归属信息示例
核心接口
| 类 | 接口 | 描述 | 参考文档 |
| Geocoder | gc.getLocation(point,function) | 获取行政区划信息 | 无 |
| InfoWindow | map.openInfoWindow(infoWindow,point) | 信息窗口展示 | 信息窗口 |
核心代码
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);
});
});
复制
深色
复制成功