無法讓Google地圖顯示在我的網站上。

我得到我的經緯度&長通：無法讓Google地圖顯示在我的網站上。

$geocode = file_get_contents('http://maps.google.com/maps/api/geocode/json?address=' . $g_location . '&sensor=true'); 
$output= json_decode($geocode); 

$lat = $output->results[0]->geometry->location->lat; 
$long = $output->results[0]->geometry->location->lng;

我返回正確的緯度&長。所以，現在我嘗試建立我的地圖：

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTQqh2ksk9ZTqSfx-_ki_lHj-q32kYIY8&sensor=false"> </script> 
<script language="JavaScript"> 
var map; 
     function initialize() { 
     var mapOptions = { 
      zoom: 8, 
      center: new google.maps.LatLng(<?=$lat?>, <?=$long?>), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
      mapOptions); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize);  
</script>

HTML：

div id="map_canvas"></div>

沒有被顯示出來。我錯過了什麼嗎？

謝謝。

來源

2012-08-16 etm124

你< div id="map_canvas">需要一個尺寸（寬，高），因此，

<div id="map_canvas" style="width:400px;height:300px"></div>

來源

2012-08-16 18:13:02 Marcelo

添加以下內容。您需要使用initialize()在onload函數體內以及

<body onload="initialize()"> 
    <div id="map_canvas" style="width: 500px; height: 300px"></div> 
</body>

請參閱谷歌地圖操場例子

http://code.google.com/apis/ajax/playground/?exp=maps#map_simple

來源

2012-08-16 18:20:10

無法讓Google地圖顯示在我的網站上。

回答

相關問題