1 mapboxgl.accessToken = 'YOUR_MAPBOX_ACCESS_TOKEN'; 2 var map = new mapboxgl.Map({ 3 container: 'map', 4 style: 'mapbox://styles/mapbox/streets-v11', 5 center: [-74.5, 40], 6 zoom: 9.5 7 }); 8 9 map.on('load', function() { 10 // 添加一个自定义图层来显示聚合点 11 map.addLayer({ 12 'id': 'aggregated-points-layer', 13 'type': 'symbol', 14 'source': { 15 'type': 'geojson', 16 'data': { 17 'type': 'FeatureCollection', 18 'features': [] // 这里应该是由Mapbox聚合生成的GeoJSON点数据 19 } 20 }, 21 'layout': { 22 'icon-image': 'custom-icon', // 这里是你的自定义图标名称 23 'icon-size': 0.5, // 图标大小 24 'icon-allow-overlap': true 25 } 26 }); 27 28 // 添加自定义图标到Mapbox Studio样式 29 map.addImage('custom-icon', { 30 width: 100, 31 height: 100, 32 data: new Uint8Array([...]), // 这里是自定义图标的像素数据 33 // 或者可以是一个图标的URL 34 }); 35 });
标签:map,自定义,mapbox,图标,type,icon From: https://www.cnblogs.com/guwufeiyang/p/18334536