1

我试图在动态地图容器中加载谷歌地图，但我无法得到它......

过程： 我单击一个按钮，它对 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);
        });

   }

显示.php

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

我用萤火虫检查了 php 输出是好的，ej.:

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

但我得到这个错误：

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

我认为谷歌地图 api 找不到地图容器。

知道怎么做吗？

谢谢！

4

1 回答 1

1

我解决了它：

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

于 2012-04-30T09:56:36.787 回答