有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢?

我们先上效果图:

步骤:

创建map实例

var map;

createMap() {

map = new BMap.Map('main');

map.centerAndZoom(new BMap.Point(106.714476, 26.60403), 8);

// 将地图在水平位置上移动x像素,垂直位置上移动y像素(x,y)

map.panBy(-210, 330);

getBoundary();

}

绘制行政区域外覆盖物

getBoundary() {

map.clearOverlays(); // 清除地图的其余覆盖物

const bdary = new BMap.Boundary();

bdary.get('贵州省', (rs) => {

const count = rs.boundaries.length;

if (count === 0) {

return ;

}

const EN_JW = '180, 90;';

const NW_JW = '-180, 90;';

const WS_JW = '-180, -90;';

const SE_JW = '180, -90;';

// 东南西北四个角添加一个覆盖物

const ply1 = new BMap.Polygon(rs.boundaries[0] + SE_JW + SE_JW + WS_JW + NW_JW + EN_JW + SE_JW,

{ strokeColor: 'none', fillColor: 'transparent', fillOpacity: 1, strokeOpacity: 1 });

map.addOverlay(ply1);

// 绘制‘贵州省’整体的外轮廓

for (let i = 0; i < count; i++) {

const ply = new BMap.Polygon(rs.boundaries[i], {strokeWeight: 0.5, strokeColor: 'transparent', fillColor: 'transparent'});

map.addOverlay(ply);

}

getRegion();

});

}

绘制省内各个市州的区划

1)获取到省内各个市州的名称以及他们的中心点坐标写成一个变量

var dataArr = [

{

"name": '安顺市',

"cp": [105.9082, 25.9882]

},

{

"name": "贵阳市",

"cp": [106.6992, 26.7682]

}];

2)绘制各个市州的轮廓

getRegion() {

dataArr.forEach(element => {

var bdary = new BMap.Boundary();

bdary.get(element['name'], rs => {

var count = rs.boundaries.length;

for (let i = 0; i < count; i++) {

var ply = new BMap.Polygon(rs.boundaries[i], {

strokeWeight: 0.5, strokeColor: '#fff', fillOpacity: 0.6, fillColor: '#a9dbf7'});

this.map.addOverlay(ply);

}

citySetLabel(new BMap.Point(element['cp'][0], element['cp'][1]) , element['name']);

});

});

}

城市中心点坐标显示label

citySetLabel(cityCenter, cityName) {

var label = new BMap.Label(cityName, {

offset: new BMap.Size(-20, -10),

position: cityCenter

});

label.setStyle({

border: 'none',

background: 'transparent',

'font-size': '0.25rem',

color: '#fff',

});

map.addOverlay(label);

}

标签:map,const,rs,JW,api,BMap,new,行政区域,百度

来源: https://blog.csdn.net/C_fashionCat/article/details/90749443

android百度地图显示某个地区,百度地图api只显示某个省市的行政区域相关推荐

  1. 百度地图api只显示某个省市的行政区域

     有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢?  我们先上效果图:    步骤:   创建map实例 html代码: <div id="main" st ...

  2. react-native 接百度地图API(显示周边poi)

    react-native 接百度地图API (显示周边poi) 目的:显示周边poi及搜索poi功能(给自己的笔记,省去了很多基础步骤,有问题的可以先去了解RN跟android以及Ios原生的通信) ...

  3. 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注...

    原文:[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内 ...

  4. 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注

    [百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注 ...

  5. 如何利用自己的数据制作社交地图?只显示可视区域内的标注

    地址:http://www.cnblogs.com/milkmap/archive/2012/02/02/2335989.html [百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的 ...

  6. (Android)调用百度地图api之显示地图

    一.显示地图 1.创建并配置工程 http://lbsyun.baidu.com/index.php?title=androidsdk/guide/create-project/eclipse //e ...

  7. 百度地图开发只显示网格不显示地图信息

    这些天公司也没什么事情了,自己就想来玩玩百度地图API,先熟悉一下,废话就不多说了,先将遇到的这个问题描述一下吧!我就是参考了百度官网上的例子,在eclipse中运行了一下,结果只显示网格没有显示地图 ...

  8. 百度地图JS只显示一个省

    转载地址:http://www.cnblogs.com/wondergx/p/5305602.html 效果图: <!DOCTYPE html><html> <head& ...

  9. 百度地图高级实例2-如何利用自己的数据制作社交地图?只显示可视区域内的标注

    摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注. ----------------------------------- ...

最新文章

  1. 决策树算法python源代码_决的解释|决的意思|汉典“决”字的基本解释
  2. 解决Flink输出日志中时间比当前时间晚8个小时的问题
  3. usr/bin/ld: cannot find 错误解决方法和 /etc/ld.so.conf
  4. [置顶] C#中Socket服务端代码分享
  5. [ofbiz]less-than (lt;) and greater-than (gt;) symbols
  6. CesiumJS 2022^ 原理[2] 渲染架构之三维物体 - 创建并执行指令
  7. 【JavaScript】appendChild一个的注意点之会删除原dom树节点
  8. php文本框自动补全,PHP自动补全表单的两种方法
  9. java中各种数据类型的使用
  10. 安卓权威编程指南 挑战练习 20.9 创建多版本主题
  11. 2991:2011 求2011^n的后四位。
  12. Final Cut Pro 10.6 for Mac(fcpx视频剪辑)
  13. 图像分辨率测试—imatest
  14. 互联网创业成功之道(三):网站支付功能配置
  15. 改造我们学习:先僵化、再优化、后固化
  16. [硬件选型] 工业镜头之参数和选型
  17. C# DataGridView设置行高度自动调整,以及行单元格自动换行
  18. android 密码解锁程序,android 仿ios数字密码解锁界面的实例
  19. [转]第三届标致汽车设计国际邀请赛部分获奖作品展示
  20. 有10亿个杂乱无章的数,怎样最快地求出其中前1000大的数

热门文章

  1. Unity+NGUI实现截图加上传
  2. 我的心是冰冰的,但老婆是新垣结衣!
  3. 误差函数拟合优缺点_GELU的两个初等函数近似是怎么来的?
  4. Django微信小程序后台开发教程
  5. Android 判断Fragment对用户是否可见
  6. 店盈通:拼多多自然搜索关键词排名原理解析
  7. 灰度图片二值化matlab
  8. 台达DVP系列PLC与台达DTA温控器modbus通讯案例
  9. 遨博协作机器人ROS开发 - 机械臂复杂轨迹规划
  10. Windows 中通过sh导入csv、tsv文件到数据库