android百度地图显示某个地区,百度地图api只显示某个省市的行政区域
有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢?
我们先上效果图:
步骤:
创建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只显示某个省市的行政区域相关推荐
- 百度地图api只显示某个省市的行政区域
有些时候我们只需要某个省份的行政区域,那么运用百度地图如何实现呢? 我们先上效果图: 步骤: 创建map实例 html代码: <div id="main" st ...
- react-native 接百度地图API(显示周边poi)
react-native 接百度地图API (显示周边poi) 目的:显示周边poi及搜索poi功能(给自己的笔记,省去了很多基础步骤,有问题的可以先去了解RN跟android以及Ios原生的通信) ...
- 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注...
原文:[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内 ...
- 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注
[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注 ...
- 如何利用自己的数据制作社交地图?只显示可视区域内的标注
地址:http://www.cnblogs.com/milkmap/archive/2012/02/02/2335989.html [百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的 ...
- (Android)调用百度地图api之显示地图
一.显示地图 1.创建并配置工程 http://lbsyun.baidu.com/index.php?title=androidsdk/guide/create-project/eclipse //e ...
- 百度地图开发只显示网格不显示地图信息
这些天公司也没什么事情了,自己就想来玩玩百度地图API,先熟悉一下,废话就不多说了,先将遇到的这个问题描述一下吧!我就是参考了百度官网上的例子,在eclipse中运行了一下,结果只显示网格没有显示地图 ...
- 百度地图JS只显示一个省
转载地址:http://www.cnblogs.com/wondergx/p/5305602.html 效果图: <!DOCTYPE html><html> <head& ...
- 百度地图高级实例2-如何利用自己的数据制作社交地图?只显示可视区域内的标注
摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注. ----------------------------------- ...
最新文章
- UA MATH571A R语言回归分析实践 多元回归1 医疗费用的决定
- php 将一个字符串转换成数组,PHP将一个字符串转换成数组
- 数据库-查看表-创建表-查询表
- 分布式系统Quorum机制
- 1、【转载】Python yield 使用浅析
- 培养杰出程序员的捷径
- Tornado快速入门
- 小样本点云深度学习库_NeurIPS2019 | MIT与上海交大提出新型点云深度学习框架Point-Voxel CNN...
- vc6.0转vc2010编程中遇到的问题
- webpack之loader篇
- windows 安装h2o_H2O-安装
- CSS动画:梦幻西游
- 神马都是浮云!神马浮云是什么意思?-出自小月月
- 密码学总结(一) 数学常识
- oracle做分页式报表,报表性能优化方案之单数据集分页SQL实现层式报表
- 4gl 的内建函数和操作符简介
- 停不下的脚步:IT高管人士的工作实录
- 520表白——送她一片星空模拟
- Linux sed按行遍历文件内容,并删除匹配成功的行
- 【整理】SIMD、MMX、SSE、AVX、3D Now!、neon——指令集大全
热门文章
- python fontsize_python – Matplotlib图例fontsize
- 【笔记】个人网站建站不要用前后端分离!!!!!- 对前后端分离的个人看法
- PD协议的错误纠正机制
- YoLoV5学习(5)-- Train.py 程序文件与yolov5s模型文件讲解
- 【资料合集】2017云栖大会·苏州峰会回顾合集:PDF下载
- 51单片机的特殊寄存器
- 抹机王怎么一键新机_抹机王怎么进行一键新机???
- 《5G无线接入:云计算和雾计算》(Yanlz+Unity+XR+5G+云计算+雾计算+边缘计算+CRAN+FRAN+HCRAN+RRH+泊松点+==)
- 自定义线程池拒绝策略
- oracle计算两个日期间的工作日(根据表配置)