Mapbox js로 점 타일 세트 레이어를 간단히 추가하십시오.

Question

포인트 타일 세트를 추가하기 만하면됩니다. 이유가 무엇인지 알 수 없습니다.

아래는 js 코드입니다.

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/3/

, 내가 원 유형으로 추가 할 필요가 있었다.

업데이트 된 바이올린 : 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' 
 
     } 
 
}); 
 

 
});