示例Google Maps JSON文件-js教程-PHP中文網

示例Google Maps JSON文件

William Shakespeare

發布： 2025-03-09 00:06:12

原創

120 人瀏覽過

Example Google Maps JSON File

（本文系列在2017年中進行了更新，其中包括當前信息和新示例。） Google Maps於2005年推出，是一家領先的在線映射服務，提供路線計劃，衛星圖像，實時流量等。它的受歡迎程度是不可否認的，尤其是在移動領域中，在2013年成為頂級智能手機應用程序（GlobalWebIndex）。該服務還為開發人員提供了一個強大的API，以將地圖集成到其網站中。

本教程演示瞭如何使用JSON數據向Google地圖添加多個標記。這些數據（定義標記信息）可以存儲在文件或數據庫中，通過API遠程或本地訪問。

>標記數據（JSON）：

對於生產應用程序，需要一個API密鑰。這是包括它的方法：

{
  "markers": [
    {
      "name": "Rixos The Palm Dubai",
      "position": [25.1212, 55.1535],
    },
    {
      "name": "Shangri-La Hotel",
      "location": [25.2084, 55.2719]
    },
    {
      "name": "Grand Hyatt",
      "location": [25.2285, 55.3273]
    }
  ]
}

登入後複製

API密鑰集成：

>此示例省略了簡潔的API密鑰，從而發出了控制台警告。完整的代碼顯示在單個HTML文件中。 >

> html＆javaScript：

登入後複製

>請參閱Google Maps API文檔，以獲取有關

>和類的詳細信息。對文檔的進一步探索將揭示如何添加動畫和自定義圖標。有關更高級的技術，請參見有關地理位置和簡化Google Maps集成的相關教程。

相關示例：

<!DOCTYPE html>


  <title>Dubai Hotels</title>
  
  


  <h2>Dubai Hotels</h2>
  <div id="map" style="width:640px; height:480px;"></div>

登入後複製

顏色JSON，YouTube JSON，Twitter JSON，GEOIP JSON，WORDPRESS JSON，DATABASE JSON，LOCAL REST JSON，local REST JSON，測試數據JSON，JSON SERVER。

Map常見問題（常見問題解答）：Marker

將省略本節的簡潔性，因為這是對通用的Google Maps JSON問題的重複，可以通過官方文檔和社區資源在線獲取答案。 >

以上是示例Google Maps JSON文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！