无法让谷歌地图显示在我的网站上

我正在通过以下方式获得我的纬度和长度：

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

什么都没有出现。我错过了什么吗？

谢谢。