fallout new vegas interactive map

輻射：新維加斯 - 互動地圖

https://srt4rulez.github.io/fallout-new-vegas-interactive-map

《輻射：新維加斯》中莫哈維廢土的互動地圖。

特徵

• 包含所有技能書和雪球。
• 將項目標記為已找到以追蹤您的進度。您的進度保存在您的瀏覽器中。
• 每種項目類型均採用顏色編碼，以便輕鬆識別。
• 切換找到的項目的可見性。
• 切換單一項目類型的可見性。
• 每個項目都有一個指向 https://fallout.fandom.com/ 上的文章的相應鏈接，以獲取更多資訊。

其他互動地圖

• 遊戲地圖偵察

它是如何運作的？

我們使用名為 Leaflet 的函式庫來建立互動式地圖，類似 Google 地圖。我們載入的是莫哈韋荒地的圖像，而不是現實世界的地圖。這使我們能夠縮放、平移地圖並與地圖互動。它還允許我們添加“標記”，單擊該“標記”時，會打開包含自訂內容的彈出視窗。

所有標記都儲存在marker.json 中。每個標記都有 ID、類型、子類型（可選）、標題、描述、url（可選）、圖像（可選）以及緯度和經度值。

將標記設為「已找到」時，我們會更新瀏覽器中稱為「本機儲存」的內容。這是保存在瀏覽器中並且可以在刷新後保存的資料。它特定於域。這使我們能夠保存您的進度，而無需將其儲存在外部資料庫中。不過，您的進度僅保存在目前的瀏覽器中。如果您在其他瀏覽器上存取該應用程序，您將看不到先前的資料。

調試緯度和經度

在瀏覽器中開啟開發人員工具（通常是 F12），前往控制台選項卡，然後輸入「window.debug = true」並按 Enter 鍵以啟用偵錯模式。點擊地圖現在會將緯度和經度記錄到控制台。

發展

若要使用此儲存庫，請安裝 Docker，然後在專案根目錄中執行以下命令：

 ./run-docker-development.sh

這將啟動一個 docker 容器，其中包含我們開發所需的一切。

只需使用yarn安裝依賴項，然後使用create-react-app啟動開發伺服器：

 yarn install
yarn start

在電腦上的瀏覽器中前往 http://localhost:3000/ 以查看該網站。

請查看 https://github.com/facebook/create-react-app 以了解更多資訊。