使用 Markers 添加自定义图标
var map = window.map = new mapboxgl.Map({
container: 'map',
projection:{name:"naturalEarth"},
zoom: 2,
center: [121, 31],
style: 'mapbox://styles/mapbox/streets-v11',
// interactive: false
});
// var marker = new mapboxgl.Marker();
// marker.setLngLat([121,31]);
// marker.addTo(map);
var el = document.createElement('div');
el.className = 'marker';
el.style.backgroundImage = "url(http://placekitten.com/g/60/60)";
el.style.height='100px';
el.style.width='100px';
new mapboxgl.Marker(el)
.setLngLat([121,31])
.addTo(map);