如何在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中添加動態標記？

回答

相關問題