如何在JavaScript中的自定義地圖上設置路徑路徑？

Question

我想覆蓋Web應用程序中的自定義地理地圖圖像上的動態路徑路徑。顯示路線的路徑應該以用戶實現距離目標時的不同顏色動態填充（並在頁面加載時進行動畫製作）。一個例子可能是：

• 用戶瀏覽地圖頁面
• 世界地圖顯示有路線覆蓋 顯示例如倫敦 - >開羅 - >洛杉磯 - >倫敦
• 頁面完成加載。
• JS計算多少總距離用戶已覆蓋（從服務器 側數據）
• 覆蓋線以不同顏色填充逐漸（動畫 - ！想奪寶奇兵）

我喜歡傳單地圖（leaflet）的地圖瓦片和可能拉斐爾繪製和動畫多義線。

最初的版本對於預定義的路線將非常簡單，因此我將知道城市的座標。我的問題是，如何爲添加到傳單（或其他）地圖的多段線添加動畫效果？拉斐爾會適合他嗎？

Answer 1

您可以使用畫布覆蓋地圖圖像並在畫布上繪製路線。 您也可以在管理員中使用它作爲引腳放置方法，只需處理畫布單擊事件並存儲x，y座標。

Answer 2

看看openlayers，並檢查出geoserver爲您的後端。