地图框不显示多边形

Question

我是GIS和PostGIS应用程序的初学者。

我正在尝试在地图框地图上显示多边形，但无法这样做。

以下是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小提琴有几个问题。

1. 您没有将mapbox-gl.js和mapbox-gl.css包括在内，因此没有得到适当的引用。
2. 您未正确声明数据变量（应为let threeHouses =或var threeHouses =）
3. 您还将使用与多边形数据中包含的纬度/经度完全不同的纬度/经度来初始化地图

如果您同时解决这三个问题，那么您将更有机会了解是否存在问题。