【 Tool 】Azure Indoor Map Tools - 透過 Web 與 Azure Maps Indoor Maps module 顯示室內地圖與狀態

內容

• 學習目標
• 前置準備作業
• 透過 Web 與 Azure Maps Indoor Maps module 顯示室內地圖與狀態

學習目標

• 如何透過 Web 與 Azure Maps Indoor Maps module 顯示室內地圖與狀態

前置準備作業

• 已建立 Azure 帳號並能正常登入與使用。
• 已於 Azure 建立 Azure Maps Account，其 Location 為 East US。
• 已於電腦端安裝瀏覽器，本範例使用 Google Chrome。
• 已取得 Tileset ID，如未取得請參考 https://learningsky.io/use-web-ui-creator-rest-api-to-create-indoor-map-azure-indoor-map-tools/
• 已取得 Stateset ID，如未取得請參考 https://learningsky.io/use-web-ui-feature-stateset-rest-api-to-create-stateset-azure-indoor-map-tools/
• 已取得 dwg 的經緯度值。

透過 Web 與 Azure Maps Indoor Maps module 顯示室內地圖與狀態

Step 1. 經由瀏覽器開啟執行頁面

• 網址為 https://archerhuang.github.io/Azure-Indoor-Map-Tools/Indoor-Map/

Step 2. 輸入相關資訊

• Azure Map Primary Key 欄位請輸入 Azure Maps 取得 Primary Key
• Tileset ID 欄位請輸入所取得的 Tileset ID
• Stateset ID 欄位請輸入所取得的 Stateset ID
• Latitude 欄位請輸入緯度
• Longitude 欄位請輸入經度
• 以上資訊輸入完成後點選 顯示 Map 按鈕

Step 3. 顯示 Map 結果

• 結果顯示

• 請 Zoom In 地圖
  • 點選各房間可取得對應的 Feature ID

Azure Indoor Map Tools

• https://archerhuang.github.io/Azure-Indoor-Map-Tools/Main/

GitHub

• ArcherHuang @ GitHub

List of blogs

• https://oranwind.org/author/archer/
• https://learningsky.io/author/archer/