最近文匯軟件小編在進(jìn)行頁面開發(fā)，遇到一鍵百度地圖主題樣式修改方面的問題，今天小編就來詳細(xì)的和大家分享一下自己的心得。

首先我們需要先找到百度地圖api的官方文檔，然后找到個(gè)性化地圖中的設(shè)置主題模板樣式，把下圖中官方文檔的內(nèi)容先復(fù)制進(jìn)去，改下位置和精度，在script標(biāo)簽處的密鑰改成自己的。如下圖：

然后我們可以看到里面有個(gè)主題選擇

這里百度地圖api為我們提供了以下可選列表

   

默認(rèn)地圖樣式 //系統(tǒng)默認(rèn)

   

清新藍(lán)風(fēng)格 //不需要第三方庫

   

黑夜風(fēng)格    //不需要第三方庫

   

紅色警戒風(fēng)格

   

精簡(jiǎn)風(fēng)格

   

自然綠風(fēng)格

   

午夜藍(lán)風(fēng)格

   

浪漫粉風(fēng)格

   

青春綠風(fēng)格

   

清新藍(lán)綠風(fēng)格

   

高端灰風(fēng)格

   

強(qiáng)邊界風(fēng)格

同時(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庫

聯(lián)系我們

CONTACT US

公司電話：0531-68961230 QQ:1828686598

公司地址：濟(jì)南市天橋區(qū)中凡魯鼎廣場(chǎng)A座20樓2009

高新技術(shù)企業(yè)編號(hào)：GR202137006735

科技中小企業(yè)編號(hào)：202337010508002562

快捷導(dǎo)航

QUICK NAVIGATION

網(wǎng)站首頁

產(chǎn)品中心

案例展示

資料庫

解決方案

新聞動(dòng)態(tài)

關(guān)于文匯

關(guān)注我們

FOCUS ON US

咨詢電話：

15628812133

山東文匯信息服務(wù)有限公司版權(quán)所有 濟(jì)南軟件開發(fā) 魯ICP備14002804號(hào)-1 公安備案號(hào) 37010502000882