浏览器版本低！无法浏览完整内容，建议升级或更换浏览器。

文档全面上新

更科技的视觉体验，更高效的页面结构，快前往体验吧！

体验新版
 
（未显示1个用户的14个中间版本）
第1行： 第1行：
 
{{jspopularGL-sidebar}}
 
{{jspopularGL-sidebar}}
−
<div class="h1-title">简易行政区划图层</div><div id="update-time">更新时间：2022年3月12日</div><div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text">DistrictLayer图层，使用获取的新版行政区划数据进行行政区划图层展示，支持多级行政区划的获取与展示，并提供了特色的行政区合并大区功能。</div><!--jsapi单独demo-代码--><div class="jsapidemo_template"><div class="demo_area"><div dir="https://lbsyun.baidu.com/jsdemo/demo/eMarker3d.htm"></div></div><div class="demo_control"><div class="demo_btn" style="width:50%;">[https://lbsyun.baidu.com/jsdemo/demo/eMarker3d.htm 带高度的点]</div><div class="demo_btn" style="width:485px;">[https://lbsyun.baidu.com/jsdemo.htm#DistrictBigLoc 行政大区]</div></div><div class="jsapi-demo-link">[http://lbsyun.baidu.com/jsdemo.htm#eMarker3d DEMO详情]</div></div><div class="bluetitle"><div class="services-title-text">Marker3D类参考</div></div><div class="serve-explain-text">构造函数：</div>{| width="519" border="1" |- | width="104" | '''构造函数''' | width="297" | '''说明''' |- | BMapGL.Marker3D(point, height, options) | Marker3D继承Overlay，用于创建带有高度的点，可以通过options自定义点的样式 |}<div class="serve-explain-text">参数说明：</div> {| width="519" border="1" |- | width="104" | '''构造函数''' | width="90" | '''类型''' | width="297" | '''说明''' |- | point | Point | 点坐标，通过Point创建的点对象 |- | height | number | 点的高度 |- | options | Object | 点的自定义样式，可选 |}<div class="serve-explain-text">options属性变量：</div> {| width="519" border="1" |- | width="104" | '''options属性''' | width="90" | '''类型''' | width="297" | '''说明''' |- | size | number | 点的大小，默认为50 |- | shape | number | 点的形状，1 为圆形，2 为正方形，默认为 1。也可以使用对应的常量 BMAP_SHAPE_CIRCLE 和 BMAP_SHAPE_RECT |- | fillColor | string | 点的颜色，格式为 '#xxxxxx'，比如'#f00' |- | fillOpacity | number | 点的透明度，范围0-1，默认0.8 |- | icon | Icon | 点的纹理贴图，格式为通过Icon创建的Icon对象 |}<div class="bluetitle"><div class="services-title-text">使用示例</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>创建地图参照展示地图</div><div class="devguidecenter"></div><div class="devguideorder"><span>2</span>创建带高度的点，并添加到地图上</div><div class="devguidecenter">创建带高度的点使用BMapGL.Marker3D类，其继承自Overlay，通过map.addoverlay()方法将创建的点覆盖物添加到地图上。<pre class="prettyprint codestyle">    // 创建位置点
+
<div class="h1-title">简易行政区划图层</div><div id="update-time1">更新时间：2022年3月12日</div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>简介</span></div></div></div><div class="serve-explain-text">DistrictLayer图层，支持以jsapi方式获取的新版行政区划数据，并进行行政区划图层展示。<br/>该行政区划图层支持多级行政区划的数据获取与展示，并提供了行政区合并为大区的特色功能。</div><!--jsapi单独demo-代码--><div class="jsapidemo_template"><div class="demo_area"><div dir="https://lbsyun.baidu.com/jsdemo/demo/DistrictLevel.htm"></div></div><div class="demo_control"><div class="demo_btn" style="width:50%;">[https://lbsyun.baidu.com/jsdemo/demo/DistrictLevel.htm 多级省区]</div><div class="demo_btn" style="width:485px;">[https://lbsyun.baidu.com/jsdemo/demo/DistrictBigLoc.htm 行政大区]</div></div><div class="jsapi-demo-link">[http://lbsyun.baidu.com/jsdemo.htm#DistrictLevel DEMO详情]</div></div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>DistrictLayer类参考</span></div></div></div><div class="serve-explain-text">
−
    var point = new BMapGL.Point(116.404, 39.915);
+
构造函数：
−
    // 创建带高度的点
+
</div>
−
    var marker3d = new BMapGL.Marker3D(point, 8000, {
+
{| width="519" border="1"
−
         size: 50,
+
|-
−
        shape: BMAP_SHAPE_CIRCLE,
+
| width="104" | '''构造函数'''
−
         fillColor: '#454399',
+
| width="297" | '''说明'''
−
         fillOpacity: 0.6
+
|-
 +
| BMapGL.DistrictLayer(options, callback)
 +
| 行政区划聚合图层构造函数
 +
|}
 +
<div class="serve-explain-text">
 +
参数说明：
 +
</div>
 +
{| width="519" border="1"
 +
|-
 +
| width="104" | '''构造函数'''
 +
| width="90" | '''类型'''
 +
| width="297" | '''说明'''
 +
|-
 +
| options
 +
| Object
 +
| 行政区划图层样式配置对象
 +
|-
 +
| callback
 +
| Function
 +
| 回调函数
 +
|}
 +
<div class="serve-explain-text">
 +
options属性变量：
 +
</div>
 +
{| width="519" border="1"
 +
|-
 +
| width="104" | '''options属性'''
 +
| width="90" | '''类型'''
 +
| width="297" | '''说明'''
 +
|-
 +
| name
 +
| Array
 +
| 欲获取的行政区划名称，格式为字符串或数组。如果是大区情况，只能采用字符串格式，如"(北京,天津,河北),山东"
 +
|-
 +
| kind
 +
| number
 +
| 行政区划显示级别，0为省级行政区划，1为市级行政区划，2为区级行政区划
 +
|-
 +
| strokeColor
 +
| string
 +
| 描边颜色，默认为'#ff0'
 +
|-
 +
| strokeOpacity
 +
| number
 +
| 描边线透明度
 +
|-
 +
| strokeWeight
 +
| number
 +
| 描边线粗细，默认为1
 +
|-
 +
| fillColor
 +
| string
 +
| 填充颜色，默认为'#00f'。格式为字符串或数组。注意，目前行政区划没有名称标识，数组颜色与返回子层级区域顺序一一对应，暂不支持对子层级的特定市区县设置指定颜色。
 +
|-
 +
| viewport
 +
| boolean
 +
| 是否自动根据行政区划来调节到最佳显示视野，默认为false
 +
|}
 +
<div class="serve-explain-text">
 +
方法：
 +
</div>
 +
{| width="519" border="1"
 +
|-
 +
| width="104" | '''方法名'''
 +
| width="297" | '''说明'''
 +
|-
 +
| map.addDistrictLayer(district: DistrictLayer)
 +
| 地图上添加行政区划图层，参数district为指定的行政区划实例
 +
|-
 +
| map.removeDistrictLayer(district: DistrictLayer)
 +
| 地图上移除指定的行政区划图层，参数district为指定的行政区划实例
 +
|-
 +
| searchBoundary(options, callback(res))
 +
| 搜索某个行政区划，通过回调函数实现自定义行政区划绘制。其中参数options同上面的构造函数的参数配置，callback(res)为回调函数。
 +
|}
 +
<div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>使用示例</span></div></div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>创建地图参照展示地图</div><div class="devguidecenter"></div><div class="devguideorder"><span>2</span>创建行政区划聚合图层，并添加到地图上</div><div class="devguidecenter">创建行政区划图层类，其继承自Overlay，通过map.addoverlay()方法将创建的点覆盖物添加到地图上。<pre class="prettyprint codestyle">    var dist = new BMapGL.DistrictLayer({
 +
         name: '(北京,天津,河北省)',
 +
         fillColor: '#5e8bff',
 +
         fillOpacity: 1
 
     });
 
     });
−
    // 将点添加到地图上
+
     map.addDistrictLayer(dist);
−
     map.addOverlay(marker3d);
+
−
</pre>
+
−
</div></div><div class="bluetitle"><div class="services-title-text">纹理贴图</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>贴纹理</div><div class="devguidecenter">纹理图片首先需要通过Icon类创建实例，然后通过Marker3D类创建带高度的点实例时，将得到的Icon实例传给icon属性。<pre class="prettyprint codestyle">    // 创建位置点
+
−
    var pt = new BMapGL.Point(point.lng, point.lat);
+
−
    // 创建贴图纹理Icon
+
−
    var icon = new BMapGL.Icon(citys[i].img, new BMapGL.Size(40, 40));
+
−
    // 创建带高度的点，这里只需要size和icon
+
−
    var marker = new BMapGL.Marker3D(pt, 8000, {
+
−
        size: 80,
+
−
        icon: icon
+
−
    });
+
−
    // 将点添加到地图上
+
−
    map.addOverlay(marker);
+
 
</pre>
 
</pre>
 
</div></div>
 
</div></div>

2022年8月19日 (五) 13:33的最后版本

简易行政区划图层
更新时间：2022年3月12日
简介
DistrictLayer图层，支持以jsapi方式获取的新版行政区划数据，并进行行政区划图层展示。
该行政区划图层支持多级行政区划的数据获取与展示，并提供了行政区合并为大区的特色功能。
多级省区
行政大区
DEMO详情
DistrictLayer类参考

构造函数：

构造函数 说明
BMapGL.DistrictLayer(options, callback) 行政区划聚合图层构造函数

参数说明：

构造函数 类型 说明
options Object 行政区划图层样式配置对象
callback Function 回调函数

options属性变量：

options属性 类型 说明
name Array 欲获取的行政区划名称，格式为字符串或数组。如果是大区情况，只能采用字符串格式，如"(北京,天津,河北),山东"
kind number 行政区划显示级别，0为省级行政区划，1为市级行政区划，2为区级行政区划
strokeColor string 描边颜色，默认为'#ff0'
strokeOpacity number 描边线透明度
strokeWeight number 描边线粗细，默认为1
fillColor string 填充颜色，默认为'#00f'。格式为字符串或数组。注意，目前行政区划没有名称标识，数组颜色与返回子层级区域顺序一一对应，暂不支持对子层级的特定市区县设置指定颜色。
viewport boolean 是否自动根据行政区划来调节到最佳显示视野，默认为false

方法：

方法名 说明
map.addDistrictLayer(district: DistrictLayer) 地图上添加行政区划图层，参数district为指定的行政区划实例
map.removeDistrictLayer(district: DistrictLayer) 地图上移除指定的行政区划图层，参数district为指定的行政区划实例
searchBoundary(options, callback(res)) 搜索某个行政区划，通过回调函数实现自定义行政区划绘制。其中参数options同上面的构造函数的参数配置，callback(res)为回调函数。
使用示例
1创建地图参照展示地图
2创建行政区划聚合图层，并添加到地图上
创建行政区划图层类，其继承自Overlay，通过map.addoverlay()方法将创建的点覆盖物添加到地图上。
    var dist = new BMapGL.DistrictLayer({
        name: '(北京,天津,河北省)',
        fillColor: '#5e8bff',
        fillOpacity: 1
    });
    map.addDistrictLayer(dist);
取自“http://lbsyun.baidu.com/index.php?title=district&oldid=17592”

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误，或对此文档有更好的建议，请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消