API Карт Google - карта не отображается

Я следую за этим tutorial от Google о том, как использовать простую карту на странице html. Но, когда я запускаю код, появляется только серая квадрат (созданный div). Может ли кто-нибудь мне помочь?API Карт Google - карта не отображается

Вот код, я использую:

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      #map_canvas { 
       width: 500px; 
       height: 500px; 
       background-color: #CCC; 
      } 
     </style> 
     <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
     <script> 
      function initialize() { 
       var ap_canvas = document.getComputedStyle('map_canvas'); 
       var mapOptions = { new google.maps.Lating(44.5403, -78.5463), 
        zoom:8, 
        mapTypeld: google.maps.MapTypeId.ROADMAP } 
        var map = new google.maps.Map(map_canvas, mapOptions) 
        } 
      google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
    </head> 
    <body> 
     <div id="map_canvas"> 

     </div> 

    </body> 
</html>

источник

2013-04-27 Filipe Ferminiano

У вас есть несколько опечаток, например «вар ap_canvas» должен быть «вар map_canvas». Эта функция работает:

<script> 
function initialize() { 
    var map_canvas = document.getElementById('map_canvas'); 
    var map_options = { 
    center: new google.maps.LatLng(44.5403, -78.5463), 
    zoom: 8, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(map_canvas, map_options) 
} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script>

источник

2013-04-27 11:38:37 Digfield

Спасибо! Это сработало –

API Карт Google - карта не отображается

ответ

Смежные вопросы