Question

我是mapbox的新手，需要有关自定义标记的帮助。

我已经通过杂食动物将csv文件上传到我的地图使用此代码： omnivore.csv('LL62AP0720.csv') .addTo(map);

csv包含600条记录。

如何根据自己的图像自定义标记？我在photoshop中创建了标记图像，如何将其应用到地图上？

谢谢！

我尝试编写这些代码：

omnivore.csv('LL62AP0720.csv')
.on('ready',function(layer) {  
this.eachLayer(function(marker){
marker.setIcon(L.mapbox.marker.icon({
'marker-color':'#ff8888',
}));
});

有没有办法将本地图像导入标记？我想我应该在＆＃39; marker-color＆＃39;之后添加一些东西。代码，但我不知道什么是正确的代码。

Answer 1

尝试使用此功能，请参阅此example

 marker.setIcon(L.icon({
            "iconUrl": "/imageURL",
            "iconSize": [100, 100],
            "iconAnchor": [50, 50],
            "popupAnchor": [0, -55],
            "className": "dot"
        }));

Answer 2

使用一些外部库，这可以让您将HTML / CSS / JavaScript写入完全自定义标记，就像实现页面的其他部分一样，如一个导航栏。

http://easysublease.org/mapcoverjs/

如何在mapbox中自定义标记

2 个答案: