mapbox не отображает многоугольник - PullRequest
Новая
       7

mapbox не отображает многоугольник

0 голосов
/ 20 марта 2019

Я новичок в приложениях ГИС и PostGIS.

Я пытаюсь отобразить многоугольник на карте mapbox, но не могу этого сделать.

Ниже приведен код JavaScript: 

mapboxgl.accessToken = 'TOKEN';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9',
    center: [115.813867, -31.932177],
    zoom: 12
});


map.on('load', function () {
    map.addLayer({
        'id': 'maine',
        'type': 'fill',
        'source': {
            'type': 'geojson',
            'data':threeHouses
            },
        'layout': {},
        'paint': {
            'fill-color': '#088',
            'fill-opacity': 0.8
        }
    });
});

Вот мой JSFiddle .

1 Ответ

1 голос
/ 20 марта 2019

Есть несколько проблем с JS Fiddle, которым вы поделились.

  1. Вы не включили mapbox-gl.js & mapbox-gl.css в качестве ресурсов, поэтому на них неправильно ссылаются.
  2. Вы неправильно объявляете переменную данных (она должна быть let threeHouses = или var threeHouses =)
  3. Вы также инициализируете свою карту с совершенно другими значениями широты / долготы, чем те, которые включены в данные о полигонах

Если вы решите все три из них, у вас будет больше шансов понять, есть ли проблема.

...