2015-07-20 187 views
0

我是新來的mapbox,需要關於自定義標記的幫助。如何在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', 
})); 
}); 

有沒有辦法對本地圖像導入到標記?我想我應該在「標記顏色」代碼之後添加一些內容,但我不知道什麼是正確的代碼。

回答

0

這種嘗試,看到這個example

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

謝謝。我也嘗試將csv上傳到地圖框,並使用地圖標識將標記加載到地圖。有沒有辦法自定義這些標記? – xyd33

0

使用一些外部庫,它可以使你編寫HTML/CSS/JavaScript來完全自定義的標記,就像實現頁面的其他部分,像一個導航欄。

http://easysublease.org/mapcoverjs/