只需使用 Mapbox js 添加点图块集图层即可

Question

我需要简单地添加一个点的图块集。不知道为什么我不能这样做。

这是小提琴，下面是js代码。

https://jsfiddle.net/qaehnvs9/3/

mapboxgl.accessToken = 'pk.eyJ1IjoibW9sbHltZXJwIiwiYSI6ImNpazdqbGtiZTAxbGNocm0ybXJ3MnNzOHAifQ.5_kJrEENbBWtqTZEv7g1-w'
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/light-v9',
  hash: true,
  center: [0,0],
  zoom: 1,
  pitchWithRotate: false,
})
/////////////////////////////////////////////////////////////
//Global Settlements
/////////////////////////////////////////////////////////////
map.on('load', function () {
map.addLayer({
'id': 'global_settlements_id',
    'source': {
    'type': 'vector',
    'url': 'mapbox://nittyjee.c9okffto'
    },
//'source-layer': 'shapefile_export-4f28wr',
'source-layer': 'shp-2lsmbo',
'type': 'symbol',
'maxzoom': 6,
'layout': {
  'symbol-placement': 'point',
}
});
});

Answer 1

对于点/点，我需要将其添加为圆形类型。

更新的小提琴：https://jsfiddle.net/qaehnvs9/4/

var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/light-v9',
  hash: true,
  center: [0,0],
  zoom: 1,
  pitchWithRotate: false,
})
/////////////////////////////////////////////////////////////
//Global Settlements
/////////////////////////////////////////////////////////////
map.on('load', function () {
map.addLayer({
'id': 'global_settlements_id',
        'type': 'circle',
        'source': {
            type: 'vector',
            url: 'mapbox://nittyjee.c9okffto'
        },
        'source-layer': 'shp-2lsmbo',
        'paint': {
            'circle-radius': 4,
            'circle-color': '#e55e5e'
        }
});
});