Я пытаюсь перейти от использования Mapbox.js с Leaflet к Mapbox GL.
У меня есть следующий геоджсон, который должен отображаться в соответствии с прикрепленным изображением. К сожалению, после прочтения множества статей и документации, связанной с визуализацией, управляемой данными, я наткнулся на стену. Интересно, может ли кто-нибудь помочь с примером ?!
Вот геоджсон:
{ "type":"Feature",geometry: { "type":"Point","coordinates":[1.1147,51.7829] },properties: { "title":"Paul","marker-color":"#0094F7","marker-size":"large","marker-symbol":"star" } },
{ "type":"Feature",geometry: { "type":"Point","coordinates":[-2.34851,52.6123] },properties: { "title":"Will","marker-color":"#F9883E","marker-size":"large","marker-symbol":"1" } },
{ "type":"Feature",geometry: { "type":"Point","coordinates":[-2.76389,53.0232] },properties: { "title":"Mark","marker-color":"#F1574E","marker-size":"large","marker-symbol":"13" } },
{ "type":"Feature",geometry: { "type":"Point","coordinates":[-.127211,51.6014] },properties: { "title":"David","marker-color":"#83C736","marker-size":"large","marker-symbol":"20" } },
{ "type":"Feature",geometry: { "type":"Point","coordinates":[-2.06682,53.4986] },properties: { "title":"Adam","marker-color":"#FC5C53","marker-size":"large","marker-symbol":"rocket" } }
Значения цвета устанавливаются конечным пользователем и могут быть любыми, поэтому я не могу просто создать много подходящих изображений, а числа относятся к датам, поэтому будут 1-31.
Вот как это сейчас выглядит в Mapbox.js:
Спасибо всем!