在动态地图容器中加载谷歌地图？答案

【问题标题】：Loading Google maps in a dynamic map container?在动态地图容器中加载谷歌地图？
【发布时间】：2012-04-27 18:10:34
【问题描述】：

我正在尝试在动态地图容器中加载谷歌地图，但我无法获取它...

流程： 我单击一个按钮，它对 show.php 进行 ajax 调用，我想在从 show.php 加载的 div 中显示谷歌地图

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>';

我用firebug检查了php输出是好的，ej。：

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

但我得到这个错误：

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

我认为 google maps api 找不到地图容器。

知道怎么做吗？

谢谢！

【问题讨论】：

标签： jquery ajax google-maps-api-3