如何使用多個GeoJSON圖層生成Mapbox靜態圖像？

Question

我想添加多個具有不同顏色的GeoJSON圖層後，從Mapbox生成靜態圖像。

像這樣
map.addLayer({ "id": "route1", "type": "line", "source": { "type": "geojson", "data": { "type": "Feature", "properties": {}, "geometry": { "type": "LineString", "coordinates": [ [-122.48695850372314, 37.82931081282506], [-122.48700141906738, 37.83080223556934], [-122.48751640319824, 37.83168351665737], [-122.48803138732912, 37.832158048267786], [-122.48888969421387, 37.83297152392784], [-122.48987674713133, 37.83263257682617], [-122.49043464660643, 37.832937629287755], [-122.49125003814696, 37.832429207817725], [-122.49163627624512, 37.832564787218985], [-122.49223709106445, 37.83337825839438], [-122.49378204345702, 37.83368330777276] ] } } }, "layout": { "line-join": "round", "line-cap": "round" }, "paint": { "line-color": "#C03", "line-width": 8 } });

我從Mapbox網站的例子，修改它做的東西，看起來像我想要的。

這是代碼 JSFiddle

我試圖在Mapbox網站靜態地圖API的文檔內搜索的鏈接，但我找不到我想要做的。

Answer 1

我不認爲你可以做你想做的事情。

Mapbox Static API在給定幾個相機參數的情況下，將Mapbox託管的樣式轉換爲平鋪或非平鋪柵格地圖。您不能在客戶端生成的樣式上使用它。

因此，您需要先將樣式保存到Mapbox，然後調用API。您可以使用Mapbox Styles API爲：

1. 生成風格的瀏覽器
2. 保存它Mapbox。
3. （...等待...）
4. 調用靜態API以獲取其靜態映射版本。