Leaflet 操作OSM(OpenStreetMap) 設置地圖style

Leaflet是一個開源的地圖操作庫，其中mapbox是其一個插件，這個插件可以自定義想要的地圖格式。https://www.mapbox.com/mapbox-gl-js/api/這是其官網地址。

進去之后要先進行注冊獲取開發權限的key,這個與百度地圖類似。

　　

它提供了幾種默認的style,本人對這個黑色格外鍾愛，也可以自行設置DIY的style。

下面就說如何使用Leaflet加載OSM並應用這個style。在這里我打開的是Maxbox Dark 這個樣式。

　　

選擇右側的Leaflet會出現一個連接，該鏈接就是改格式的瓦片所在地址，將這個地址作為地圖的url即可更改樣式。

var osmUrl = 'https://api.mapbox.com/styles/v1/mapbox/dark-v9/tiles/256/{z}/{x}/{y}?access_token=your key',
        osm = L.tileLayer(osmUrl, {
            maxZoom: 18,
            minZoom: 11
        });
   var map = new L.Map('map').addLayer(osm).setView(new L.LatLng(0,0), 11);

 

這是應用之后的效果展示~

希望對追求完美的朋友有幫助。

本文為博主原創，如需轉載請注明出處。