1. 首頁
  2. 問答
  3. Google地圖+ XAMPP

Google地圖+ XAMPP

2017-02-05 59 views
-2

我該如何使用XAMPP（作爲本地主機）測試Google Maps API。任何有關這個問題的幫助，高度讚賞。一個適當的教程鏈接將非常有幫助！Google地圖+ XAMPP

提前致謝！

來源

2017-02-05 Chooti Malli

回答

1

創建一個空白的php文件並將其保存在xampp的htdocs中。

粘貼下面的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Simple Map</title> 
    <meta name="viewport" content="initial-scale=1.0"> 
    <meta charset="utf-8"> 
    <style> 
     /* Always set the map height explicitly to define the size of the div 
     * element that contains the map. */ 
     #map { 
     height: 100%; 
     } 
     /* Optional: Makes the sample page fill the window. */ 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script> 
     var map; 
     function initMap() { 
     map = new google.maps.Map(document.getElementById('map'), { 
      center: {lat: -34.397, lng: 150.644}, 
      zoom: 8 
     }); 
     } 
    </script> 
    <script src="https://maps.googleapis.com/maps/api/js?key=**YOUR_API_KEY**&callback=initMap" 
    async defer></script> 
    </body> 
</html>

換上API密鑰，您可以從谷歌地圖網站得到「上面你的API密鑰」。

你準備好了。

來源

2017-02-05 05:29:28

相關問題

 相關問題