【问题标题】:how to customize marker in mapbox如何在地图框中自定义标记
【发布时间】:2015-10-10 05:13:51
【问题描述】:

我是 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',
}));
});

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

【问题讨论】:

    标签: mapbox marker


    【解决方案1】:

    试试这个,看看这个example

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

    【讨论】:

    • 谢谢。我还尝试将 csv 上传到 mapbox,并使用地图 ID 将标记加载到地图中。有没有办法自定义这些标记?
    【解决方案2】:

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

    http://easysublease.org/mapcoverjs/

    【讨论】:

      猜你喜欢
      • 2019-10-29
      • 1970-01-01
      • 2015-06-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-05-27
      • 2016-09-30
      • 2014-05-27
      相关资源
      最近更新 更多