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只显示某个省市的行政区域的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 智能千面模板，骗子公司，我发出来希望大家
- 下一篇： c语言打印红色爱心