Aşağıdaki kod ile Google MAP API v3 kullanmaya çalışıyorum.

<h2>Topology</h2>

<script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" />
<link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" />

<style type="text/css" >
      #map_canvas {
              width:300px;
            height:300px;
     }
</style>

<script type="text/javascript">

var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);

</script>

<div id="map_canvas"> </div>

Bu kodu çalıştırdığımda, tarayıcı bu diyor.

Yakalanmamış eğer data: okuma özelliği 'offsetWidth' null

Yönü this tutorial verilen takip ediyorum, çünkü hiçbir fikrim yok.

Herhangi bir ipucu var mı?

Bu sorun javascript erişmek için gereken çalıştırmadan önce işlenmiş değil dıv göster iltihaplandı.

Gerekir. - başlatma kodu içinde bir işlev yüklendiğinde ya da en altta HTML dosyasını, sadece daha önce etiketi, DOM tamamen işlenmiş önce yürütür (not bu ikinci seçenek daha duyarlı geçersiz HTML).

Not matthewsheets dikkat çekildiği gibi bu da o kimlik de HTML mevcut değil div ile neden olabilir (div patolojik durum işlenmiş olmak

wf9a5m75ekleme kod örneği's post tek bir yerde her şeyi koymak için:

<script type="text/javascript">

function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
}
google.maps.event.addDomListener(window, "load", initialize);

</script>