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

Question

我正在通過以下方式獲取信息：

$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>

什么都沒有出現。 我想念什么嗎？

謝謝。

Answer 1

您的< div id="map_canvas">需要一個大小（寬度和高度），因此，

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

Answer 2

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

<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

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

問題描述

2 個解決方案

解決方案1
1 已采納 2012-08-16 18:13:02

解決方案2
0 2012-08-16 18:20:10

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

問題描述

2 個解決方案

解決方案1 1 已采納 2012-08-16 18:13:02

解決方案2 0 2012-08-16 18:20:10

解決方案1
1 已采納 2012-08-16 18:13:02

解決方案2
0 2012-08-16 18:20:10