最近文匯軟件小編在進(jìn)行頁面開發(fā)，遇到一鍵百度地圖主題樣式修改方面的問題，今天小編就來詳細(xì)的和大家分享一下自己的心得。
首先我們需要先找到百度地圖api的官方文檔，然后找到個(gè)性化地圖中的設(shè)置主題模板樣式，把下圖中官方文檔的內(nèi)容先復(fù)制進(jìn)去，改下位置和精度，在script標(biāo)簽處的密鑰改成自己的。如下圖：
然后我們可以看到里面有個(gè)主題選擇
這里百度地圖api為我們提供了以下可選列表
//系統(tǒng)默認(rèn)
//不需要第三方庫(kù)
//不需要第三方庫(kù)
同時(shí)我們可以加入下面的代碼
function changeMapStyle(style){
var mapStyle ={
features: ["road","building","water","land"],//隱藏地圖上的"poi",
style : style,
};
map.setMapStyle(mapStyle);
}
以替換原來官方文檔中的js用來指定樣式,在使用時(shí)只需要將上面的 style : style,后面的那個(gè)style替換成原來的官方文檔中可選列表option中的value值即可，但是這只局限于前三個(gè)。
function changeMapStyle(style){
map.setMapStyle({style:style});
$('#desc').html(mapstyles[style].desc);
}
要是我們想之后后面的幾個(gè)，這時(shí)我們這時(shí)可以引入一個(gè)外部的js庫(kù)
