自定義瓷磚尚未準確地在LeafletJS

Question

我對自定義地圖瓷磚感興趣，並使用here和here的建議，我已經對此進行了嘗試。對於一個原型，我做了一個非常令人討厭的星際迷航聯盟地圖，其中有一些鏈接讓你圍繞着行星/系統等移動。

雖然這對於夢幻般的地點來說都很不錯，但我也有興趣使用重度程式化的真實世界地點的演繹，但仍然使用真實的lat,lng分。因此，例如，一個定製的，但主要是地理精確的倫敦地圖，切成瓦片，但如果您通過了卡姆登地鐵的lat,lng座標（51.53911 -0.14235），您將移動到該位置。

任何想法如何配置LeafletJS來執行此操作，而無需使用Google地圖自定義切片的路線？

Answer 1

如果我理解正確的話，你有2個不同的應用程序：

• 你的星際地圖，你都得到滿足，哪些。
• 真實世界的程式化的地圖，你想要真實的lat,lng座標是準確的嗎？

那麼你的問題是如何創建自定義瓷磚，以便傳單顯示倫敦的風格化的視圖，當通過真正的倫敦座標？

在這種情況下，它可能只是正確編號的問題。或者相反，修改Leaflet使用的瓦片編號來構建瓦片URL。對於後一種解決方案，請參閱Specifying Lat & Long for Leaflet TileLayer

Answer 2

我不太清楚「主要是幾何準確」的含義。這聽起來像你可能只是想從像OpenStreetMap的某種來源生成自己的地圖圖塊。在這種情況下，TileMill（儘管是過時的）可能是最簡單的方法。

主要有三個部分組成：

1. 產生一些地圖圖塊（例如TileMill）
2. 主機它們（如TileStream）
3. 點單張他們