Я внимательно следую примеру по этой ссылке в документации Mapbox , чтобы добавить шаблон в многоугольник. Я просто взял их код и добавил его на свою карту, используя событие onClick. Это очень просто и просто. Однако я не могу понять, как использовать мои собственные данные. Они используют введенные вручную координаты. Я хочу использовать свой собственный локальный файл JSON. Как мне это сделать? Вот мой код, который работает: (он буквально скопирован / вставлен из учебника Mapbox, но это мой действующий код)
function test() {
// Add GeoJSON data
map.addSource('source', {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"coordinates": [[
[-30, -25],
[-30, 35],
[30, 35],
[30, -25],
[-30, -25]
]]
}
}
});
// Load an image to use as the pattern
map.loadImage('https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Cat_silhouette.svg/64px-Cat_silhouette.svg.png', function(err, image) {
// Throw an error if something went wrong
if (err) throw err;
// Declare the image
map.addImage('pattern', image);
// Use it
map.addLayer({
"id": "pattern-layer",
"type": "fill",
"source": "source",
"paint": {
"fill-pattern": "pattern"
}
});
});
}
Итак, как мне использовать мои собственные данные? Я попробовал следующее ниже и много (10+) вариантов, и я не могу заставить это работать. Ниже приведен лишь пример того, что я пытаюсь сделать.
map.addSource('source', {
"type": "geojson",
"data": {
"type": "Feature",
"properties": {},
"geometry": {
"type": "Polygon",
"data": "folder/sample.json"
},
}
}
});