如何在mapbox中添加动态标记？

我想在地图框js中显示动态标记。我在数据集中创建了动态标记。现在。我很困惑如何显示它们。我想要这样的结果。 https://screenshots.firefox.com/yW9nHlICwVAbDLeF/api.mapbox.com 如何在mapbox中添加动态标记？

我目前的结果是。 https://screenshots.firefox.com/K1a5WVQHlxtFSIZY/null

在此先感谢

来源

2017-10-11 abhi singh

这是很容易做到。我为你制作了一个代码示例。

我建议把每个概念做一点点阅读，以了解它是如何工作的。

Mapbox JS有一些优秀的文档来帮助你。 https://www.mapbox.com/help/markers-js/#getting-started

L.mapbox.accessToken = 'pk.eyJ1IjoiZGF2aWRiYXR0eSIsImEiOiJjajBqc2hqZ3YwMDN5MndvbDUxaDhoMDV6In0.w7sfrB5JeCH92sY-l0TQSg'; 
 
var mapLeaflet = L.mapbox.map('map-leaflet', 'mapbox.light') 
 
    .setView([53.801277, -1.548567],10); 
 

 
L.marker([53.801277, -1.54856]).addTo(mapLeaflet); 
 
L.marker([53.901277, -1.54856]).addTo(mapLeaflet); 
 

 
mapLeaflet.scrollWheelZoom.disable();

body { 
 
     margin: 0; 
 
     padding :0; 
 
    } 
 
    .map { 
 
     position: absolute; 
 
     top: 0; 
 
     bottom: 0; 
 
     width: 100%; 
 
    }

<link href="https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css" rel="stylesheet"/> 
 
<script src="https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js"></script> 
 
<div id='map-leaflet' class='map'> </div>

来源

2017-10-12 12:46:32 RedCrusador

感谢您的代码@RedCrusador，但我想说明根据自己的位置数据集设置不同的不同的图标。 –

使用Mapbox JS添加不同的图标非常简单。同样，你需要做一些研究，并尝试自己解决这个问题https://www.mapbox.com/mapbox.js/example/v1.0.0/l-mapbox-marker/你只需要添加一个属性参数。 – RedCrusador

你有什么样的例子吗？ –

如何在mapbox中添加动态标记？

回答

相关问题