如何在Mapbox中按url添加自定义标记?
我的地图基于mapbox示例。那里的标记设置为“圆”。在出现以下代码的情况下,如何通过url添加自定义标记如何在Mapbox中按url添加自定义标记?,mapbox,mapbox-gl-js,mapbox-gl,mapbox-marker,Mapbox,Mapbox Gl Js,Mapbox Gl,Mapbox Marker,我的地图基于mapbox示例。那里的标记设置为“圆”。在出现以下代码的情况下,如何通过url添加自定义标记 function makeGeoJSON(csvData) { csv2geojson.csv2geojson( csvData, { latfield: "Latitude", lonfield: "Longitude", delimiter: "," }, function(err, d
function makeGeoJSON(csvData) {
csv2geojson.csv2geojson(
csvData,
{
latfield: "Latitude",
lonfield: "Longitude",
delimiter: ","
},
function(err, data) {
data.features.forEach(function(data, i) {
data.properties.id = i;
});
geojsonData = data;
// Add the the layer to the map
map.addLayer({
id: "locationData",
type: "circle",
source: {
type: "geojson",
data: geojsonData
},
paint: {
"circle-radius": 5, // size of circles
"circle-color": "green", // color of circles
"circle-stroke-color": "white",
"circle-stroke-width": 1,
"circle-opacity": 0.7
}
});
}
);
您需要使用
map.loadImage
和map.addImage
添加自定义图标,如本Mapbox示例所示:
map.loadImage('http://placekitten.com/50/50,函数(错误,图像){
如果(错误)抛出错误;
//将加载的图像添加到ID为“kitten”的样式精灵中。
地图添加图像(“小猫”,图像);
});
然后您需要使用一个引用该图标的图标(
kitten
)类似的内容?我看不出包含的代码片段与问题的相关性。您是在询问标记
s还是符号
图层?包含的代码片段在我的地图上创建标记。数据取自CSV电子表格。在“标准”解决方案(Anatoly示例)中,所有数据都直接放在代码中,而不是从CSV中获取并转换为图层,因此知道如何将标记更改为自定义标记。这就是我的奋斗。