有些時候我們只需要某個省份的行政區(qū)域，那么運用百度地圖如何實現(xiàn)呢？

我們先上效果圖：

步驟：

創(chuàng)建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();

}

繪制行政區(qū)域外覆蓋物

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();

});

}

繪制省內(nèi)各個市州的區(qū)劃

1)獲取到省內(nèi)各個市州的名稱以及他們的中心點坐標(biāo)寫成一個變量

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']);

});

});

}

城市中心點坐標(biāo)顯示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);

}

標(biāo)簽：map,const,rs,JW,api,BMap,new,行政區(qū)域,百度

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

總結(jié)

以上是生活随笔為你收集整理的android百度地图显示某个地区,百度地图api只显示某个省市的行政区域的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。