這種底圖圖層樣式是leaflet自帶的天地圖樣式。由于需求需要更改底圖樣式以符合項目需求。

這種是改變之后的天地圖樣式，下面就詳細講解一下如何改變的。

第一步，安裝leaflet插件引入，官網(wǎng)https://leafletjs.cn/。

第二步：進入https://codepen.io/stoumann/pen/MWeNmyb網(wǎng)站；把當前圖片替換成天地圖的圖片，接下去調(diào)好自己想要的顏色然后把svg標簽復(fù)制到項目的標簽中。

第三步：生成的CSS code代碼加到對應(yīng)元素上即可

img.leaflet-tile.leaflet-tile-loaded {

? filter: url("#x-rays") contrast(1.1);

}。

還有一種設(shè)置?map.setStyle 的樣式，強制更改里面的背景顏色呢，設(shè)置?map.setStyle 前提下 給盒子一個背景色（ps沒試這個）。

這樣就可以改變leaflet自帶的底圖顏色。當然需要別的顏色可以在https://codepen.io/stoumann/pen/MWeNmyb網(wǎng)站中更改，直到找到符合自己需求的顏色。以上即是更改leaflet底圖顏色的方法。