mapbox不显示多边形

Question

我是GIS和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
        }
    });
});

Here is my JSFiddle。

Answer 1

你分享的JS Fiddle有几个问题。

1. 您没有将mapbox-gl.js和mapbox-gl.css列为资源，因此未正确引用它们。
2. 您没有正确声明您的数据变量（它应该是let threeHouses =或var threeHouses =）
3. 您还使用与多边形数据中包含的lat / lon完全不同的lat / lon来初始化地图

如果您解决所有这三个问题，您将有更好的机会了解是否存在问题。