MapBox BasemapをNatural Earth IIに変更しますか？これは基本的であるならば、私はどうやらベースマップを追加するために...答えを見つけるために</p> <p>を試してみた

Question

謝罪は、私はここのように、「スタイル」を変更する必要があります。

スタイル ' mapbox：//スタイル/ mapbox/衛星-V9」、

しかし、どのように私はこのmapboxのベースマップ（ナチュラル地球II）を追加しますか？ https://a.tiles.mapbox.com/v3/mapbox.natural-earth-2.html

...ここに表示されている数の外にあるベースマップを変更するにはどうすればよいですか？ https://www.mapbox.com/mapbox-gl-js/example/setstyle/

Answer 1

Mapboxにはこのタイルセットのパブリックスタイルがないため、独自のソースを作成する必要があります。

var map = new mapboxgl.Map({ 
    container: 'map', 
    style: 'mapbox://styles/mapbox/light-v9', 
    hash: true, 
    center: [-93.6135, 42.0256], 
    zoom: 15, 
    pitchWithRotate: false 
}); 

map.on('load',() =>{ 
    map.addLayer({ 
     id: 'naturalearth', 
     source: { 
     type: 'raster', 
     tiles: ['https://a.tiles.mapbox.com/v3/mapbox.natural-earth-2/{z}/{x}/{y}.png'] 
     }, 
     type: 'raster' 
    }) 
})