Как создать Mapbox статическое изображение карты с несколькими слоями GeoJSON?

Question

Я хотел бы создать статическое изображение из Mapbox после добавления нескольких слоев GeoJSON, которые имеют разные цвета.

Как это
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. (... wait ...)
4. Позвоните в Static API, чтобы получить его статическую версию.