【百度地图】在百度地图上框出边界线

代码：

一、建立地图

创建地图对象；设立中心点以及地图级别。

 var map = new BMap.Map("container");map.centerAndZoom(new BMap.Point(116.403765, 39.914850), 12);

二、添加地图事件

地图事件：添加了滚轮缩放。

map.enableScrollWheelZoom(true)

三、获取行政区域

构造函数Boundary；

get方法，获取行政区域的边界。

rs是获取到的结果。

获取到边界的点数组后，添加一个多边形覆盖物。

points为一系列点的数组，系统自动展示points里所有点。

function getBoundary(){       var bdary = new BMap.Boundary();var name = document.getElementById("districtName").value;//江西省，输入省、直辖市或县名称即可bdary.get(name, function(rs){       //获取行政区域map.clearOverlays();        //清除地图覆盖物       var count = rs.boundaries.length; //行政区域的点有多少个for(var i = 0; i < count; i++){var ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 2, //设置多边形边线线粗strokeOpacity: 1, //设置多边形边线透明度0-1StrokeStyle: "solid", //设置多边形边线样式为实线或虚线，取值 solid 或 dashedstrokeColor: "#ff0000", //设置多边形边线颜色fillColor: "#00ffff", //设置多边形填充颜色fillOpacity:0.01 //设置多边形填充颜色透明度0-1  注：标红的地放你们可以去掉看一下效果，自己体验一下}); //建立多边形覆盖物map.addOverlay(ply);  //添加覆盖物map.setViewport(ply.getPath());    //调整视野

图片效果图：

【百度地图】在百度地图上框出边界线相关推荐

ios 一步一步学会自定义地图吹出框(CalloutView)--(百度地图，高德地图,google地图)
前言在ios上边使用地图库的同学肯定遇到过这样的问题:吹出框只能设置title和subtitle和左右的view,不管是百度地图还是高德地图还是自带的google地图,只提供了这四个属性,如果想添加 ...
Android百度地图定位APP，显示出当前位置坐标
Android百度地图定位APP,显示出当前位置坐标官网配置百度地图通过CMD命令获取SHA1 在百度的官网里面创建一个应用 Android配置显示地图即定位配置 AndroidManifes ...
百度地图API限制地图范围，拖拽出区域自动弹回
前段时间迭代了地图功能,需要把地图限制在太湖这个范围内,就是不要让用户的地图停留在这以外的区域,网上找了不少资料都没有能完全实现这个功能的(仅仅限制边界并且禁止拖拽的话放大了也无法拖拽了),自己动手写 ...
地图上分成一块一块区域高德地图_CAD数据分块，偏移校准，加载到百度地图、高德地图、谷歌等地图上...
前面分享过一篇如何将CAD海量数据显示在百度地图上(百度地图Canvas实现十万CAD数据秒级加载),但是很多开发者在CAD数据提取时遇到了问题,所以接下来的文章将介绍如何将CAD数据提取. 准备软件 ...
高德地图只显示一个省_浅谈当下各种导航软件：高德地图、百度地图、腾讯地图...
浅谈当下各种导航软件:高德地图.百度地图.腾讯地图,之前出门找不到路只能靠问路,现在我们生活中出现了各种各样的导航软件,甚至让用户出现了选择困难症,不知道选择哪一款软件比较号,在这里小编就要给大家来分 ...
百度地图离线_“高德地图”和“百度地图”有什么差别? 专家: 细节决定成败!...
高德地图和百度地图是两款人气很高的导航软件,很多人想知道,高德地图和百度地图有什么不一样的.除了开发商的差异之外,在数据和功能上,它们也有很大不同.高德的导航功能非常强大,而百度的生活功能比较强悍. ...
百度Create2021：百度地图日均位置服务请求次数突破1300亿
12月27日,百度Create 2021(百度AI开发者大会)举行,在智能地图论坛上,百度地图智能物流.智能空间.智慧文旅等多个行业解决方案集中亮相,展示了百度地图在各行各业智能化升级中的支撑作用. ...
Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API
Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 ...
百度 android geocoding,百度地图经纬度批量查找功能XGeocoding使用手册(示例代码)
<XGeocoding使用手册> 1.下载XGeocoding V2 http://www.gpsspg.com/xgeocoding/download/ 2.解压XGeocoding_v ...
后端根据百度地图真实路径距离_导航软件哪家强？实测百度地图and高德地图哪个更靠谱...
随着社会的不断发展,人们的生活越来越离不开地图导航,无论是开车出行还是到去到陌生的地方,我们都会用到手机地图.然而在众多导航软件中,使用最为广泛的就要属百度地图和高德地图了.但别看都是导航软件,其中差 ...

【百度地图】在百度地图上框出边界线

【百度地图】在百度地图上框出边界线相关推荐

最新文章

热门文章