map开发

百度地图JavaScript API GL—简易行政区划图层

administrator 2022年6月6日

简易行政区划图层更新时间：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);

百度地图JavaScript API GL—简易行政区划图层相关推荐

百度地图JavaScript API GL 实现车辆轨迹功能
百度地图JavaScript API GL是百度地图提供的一种基于WebGL技术的地图展示方式.它可以在现代浏览器中以更高效的方式呈现3D地图场景,同时支持自定义图层和动画效果,可以应用于各种地图应用 ...
百度地图JavaScript API GL
介绍百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口. 下面通过一个简单的示例,来学习一下快速创建一张"我的地图", 百度地 ...
解决百度地图JavaScript API GL v1.0版本重新加载页面
首先我们简单描述一下问题:home 和 about 点击之后可以切换路由,并且home和about都是含有百度地图的页面.再经过多次切换路由之后,页面会重新加载! 在经过多次点击之后,我们打开f12发 ...
百度地图 JavaScript API GL
文章目录一.引入二.添加控件三.绘制点线面四.标注信息五.位置检索一.引入首先获取秘钥 1.进入百度地图官网:https://lbsyun.baidu.com/ 2.注册百度账号 3.首 ...
html5 百度地图api文档,开发指南--百度地图JavaScript API大众版.doc
开发指南--百度地图JavaScriptAPI大众版开发指南--百度地图JavaScriptAPI大众版简介 JavaScript API大众版 JavaScript API功能介绍百度地图Jav ...
百度地图 JavaScript API
文章目录 1.账号申请 2.创建应用 3.使用地图介绍示例 4.具体使用控件个性地图带高度的点(标记地点.覆盖物) 点击事件参考资料: 入门百度地图 JavaScript API | 8月 ...
百度地图JavaScript API覆盖物旋转时出现偏移
在项目中,调用百度地图JavaScript API,做覆盖物的旋转再添加到地图上,结果出现偏移了. 调试过程中的效果图: 发现图片的旋转并不是按车子的中心来的,而是之外的一个点.最后发现犯了一个很细节 ...
百度地图JavaScript API经纬度查询-MAP
百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size=&quo ...
腾讯地图Javascript API GL
1. 介绍腾讯位置服务在多平台为开发者提供了丰富的地图展现形式,帮助从属于不同领域的开发人员轻松完成构建地图并在其基础上打造专属内容的工作.同时配合海量数据.个性化定制.可视化等能力满足各个行业场景 ...

百度地图JavaScript API GL—简易行政区划图层

百度地图JavaScript API GL—简易行政区划图层

百度地图JavaScript API GL—简易行政区划图层相关推荐

最新文章

热门文章