1

Google マップをダイナミック マップ コンテナに読み込もうとしていますが、取得できません...

プロセス: ボタンをクリックすると、show.php への ajax 呼び出しが行われ、show.php からロードされた div に Google マップを表示したい

js ファイル:

var id = $(this).attr('rel');
var coords = jQuery(this).attr('coords');
jQuery.ajax({
                type: "POST",
                url: "show",
                data: "sec=load_shop&id=" + id,
                success: function(msg){
                    jQuery("#" + id).html(msg);
ini_map(coords, id);
                },
                error: function(msg){
                    console.log(msg.statusText);
                }
            });

ini_map 関数:

function ini_map(coords, id_shop) {
      var lat_lon = coords.split(",");

       var myOptions = {
                zoom: 15,
                center: new google.maps.LatLng(lat_lon[0],lat_lon[1]),
                disableDefaultUI: true,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

       var map = new google.maps.Map(document.getElementById('map_' + id_shop), myOptions);

       var infowindow = new google.maps.InfoWindow();

       var marker = new google.maps.Marker({
                position: map.getCenter(),
                map: map,
                title: 'Dirección'
            });

        google.maps.event.addListener(marker, 'click', function() {
                infowindow.setContent("<strong>OKAY!</strong>");
                infowindow.open(map, this);
        });

   }

show.php

$id = $_POST['id'];
echo '<div id="map_'.$id.'" class="gmaps"></div>';

php の出力に問題がないことを firebug で確認しました。

<div id="map_20" class="gmaps"></div>

しかし、私はこのエラーが発生します:

TypeError: 'null' is not an object (evaluating 'a[gb]')

Google Maps API がマップ コンテナを見つけられないと思います。

それを行う方法はありますか？

ありがとう！

4

1 に答える 1

1

私はそれを解決しました：

https://developers.google.com/maps/documentation/javascript/basics?hl=es-ES#Async

于 2012-04-30T09:56:36.787 に答える