我想在 mapbox js 中显示动态标记。我在数据集中创建了动态标记。现在。我很困惑如何显示它们。我想要这样的结果。 https://screenshots.firefox.com/yW9nHlICwVAbDLeF/api.mapbox.com
我目前的结果是。 https://screenshots.firefox.com/K1a5WVQHlxtFSIZY/null
提前致谢
我想在 mapbox js 中显示动态标记。我在数据集中创建了动态标记。现在。我很困惑如何显示它们。我想要这样的结果。 https://screenshots.firefox.com/yW9nHlICwVAbDLeF/api.mapbox.com
我目前的结果是。 https://screenshots.firefox.com/K1a5WVQHlxtFSIZY/null
提前致谢
这很容易实现。我为您制作了一个代码示例。
我建议对每个概念进行一些阅读,以了解它是如何工作的。
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>