谷歌地圖API未加載

我正在試驗谷歌地圖API。我沒有API密鑰，但據我所知，你不需要v3的密鑰。但是地圖不在頁面上呈現，我不確定問題出在哪。這裏是我的代碼：谷歌地圖API未加載

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Place searches</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <style> 
     html, body { 
     height: 100%; 
     margin: 0; 
     padding: 0; 
     } 
     #map { 
     height: 100%; 
     } 
    </style> 
    <script> 
var map; 
var infowindow; 

function initMap() { 
    var pyrmont = {lat: -33.867, lng: 151.195}; 

    map = new google.maps.Map(document.getElementById('map'), { 
    center: pyrmont, 
    zoom: 15 
    }); 

    infowindow = new google.maps.InfoWindow(); 

    var service = new google.maps.places.PlacesService(map); 
    service.nearbySearch({ 
    location: pyrmont, 
    radius: 500, 
    types: ['store'] 
    }, callback); 
} 

function callback(results, status) { 
    if (status === google.maps.places.PlacesServiceStatus.OK) { 
    for (var i = 0; i < results.length; i++) { 
     createMarker(results[i]); 
    } 
    } 
} 

function createMarker(place) { 
    var placeLoc = place.geometry.location; 
    var marker = new google.maps.Marker({ 
    map: map, 
    position: place.geometry.location 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
    infowindow.setContent(place.name); 
    infowindow.open(map, this); 
    }); 
} 

    </script> 
    </head> 
    <body> 
    <div id="map"></div> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    </body> 
</html>

任何幫助將不勝感激。

來源

2015-11-07 JS_beginner

您是否在開發者工具控制檯上發現任何錯誤？ –

你似乎根本不會調用'initMap' - google地圖的文檔顯示'＆callback = initMap'作爲腳本標記的一部分src –

代替

http://maps.google.com/maps/api/js?sensor=false

您可以使用此;

https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&callback=initMap

來源

2015-11-07 06:10:47 Prabhu

谷歌地圖API未加載

回答

相關問題