2013-06-28 29 views
0

夥計們,我是使用openstreetmaps的新手。我已經在自定義圖標上添加了一些標記,嵌入了彈出窗口等。現在,我真的需要知道如何在Openstreet地圖上移動標記。我正在使用Leaflet API實現它。在關於letlet官方網站的文檔上沒有關於標記動畫的兩點。請幫助我,因爲我無能爲力。給我一些鏈接或博客或某種幫助材料。在Openstreet地圖上移動標記 - 宣傳單API

謝謝。

+0

您可以通過'marker.setLatLng()'設置標記的位置。你可能會自己實現動畫... – tyr

+1

這可能是我自己實現動畫的頭痛問題。此API不支持任何方法來實現此?任何方法,如'MoveMarker(起點,終點,速度)'!!! – Azeem

回答

0

https://github.com/ewoken/Leaflet.MovingMarker

添加腳本,然後使用:

var myMovingMarker = L.Marker.movingMarker([[48.8567, 2.3508],[50.45, 30.523333]], [20000]).addTo(map); 

myMovingMarker.start(); 
+0

你知道如何自定義移動圖標嗎? –

2

使用Leaflet.MovingMarker:

//MovingMarker Options 
         var animationMarker = L.Marker.movingMarker(
          [[48.8567, 2.3508],[50.45, 30.523333]], 
          20000, {autostart: true}); 
    // Custom Icon Object 
         var greenIcon = L.icon({ 
          iconUrl: 'icon.png', 
         }); 
    // Set icon to movingMarker 
         animationMarker.options.icon = greenIcon; 
    // Add marker to Map 
         map.addLayer(animationMarker);