只需使用Mapbox js添加点tileset图层

Question

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

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

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

＆＃13;

＆＃13;

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',
}

});

});

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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

＆＃13;

＆＃13;

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'
        }
});

});

＆＃13;

＆＃13;

＆＃13;