使用 Markers 添加自定义图标

使用 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);