創建互動地圖

Question

我有個問題，我怎麼能創建像here一樣的地圖。

使用什麼，以及如何在地圖上顯示放大時顯示的元素？ 另外，我該如何準備數據庫來存儲圖像？ 在此先感謝！

Answer 1

雖然這是一個非常普遍的問題，但讓我簡要回答你。首先讓我們簡化地圖的概念。

我會假設地圖是塊由許多子塊組成，每個孩子被劃分爲4塊。看看下面的：

所以這都需要做出一個地圖圖像的數量等於其正是基於這種相關性計算圖像中的平方數：

其中「n」是地圖縮放的程度。

爲了將想法轉換爲網絡語言，下面的步驟必須採取：

1-確定變焦的程度。 2-將這些文件保存在數據庫表中，指明它們的父母ID和位置。這裏的數據表看起來應該像「1」的縮放程度的樣本：

3-在客戶端，使用阿賈克斯和HTML畫布和使用JavaScript的事件處理程序來跟蹤用戶的鼠標移動。

希望它有幫助。

Answer 2

這張地圖似乎與谷歌地圖api。其他JavaScript映射庫的例子是openlayers，leaflet，mapbox-gl。

這些庫都支持縮放和平移。 mapbox和google都有數據服務，您可以使用它們將（背景）數據放入地圖中。如果您有自己的數據，則需要將其轉換爲映射庫使用的某種格式。如何做到這一點的細節很大程度上取決於數據的種類，地圖使用的類型，選擇的映射庫，數據的動態等。