通过 ajax 加载 GMap答案

【问题标题】：Loading GMaps via ajax通过 ajax 加载 GMap
【发布时间】：2010-03-25 10:39:46
【问题描述】：

我正在使用 jQuery 的 ajax() 方法加载包含 GMap 的页面。我正在加载的 HTML 页面是：

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=MY_API_KEY" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function() {
  if (GBrowserIsCompatible()) {
   var map = new GMap2(document.getElementById("map_canvas"));
   var geocoder = new GClientGeocoder();
   geocoder.getLatLng("San Francisco, California",function(point) {
    if (point) {
     map.setCenter(point, 7);
     }
    });
   map.setUIToDefault();
  }
 });
</script>
<div id="map_canvas"></div>

检索此页面后，我使用html() 方法将其内容设置为一个div。地图没有显示，而其他包含脚本的页面，以相同的方式加载，正确显示。这是关于 GMap 的特定问题，不允许通过 ajax 请求加载？

【问题讨论】：

标签： jquery ajax google-maps

【解决方案1】：

尝试改用 google ajax 加载器代码：

google ajax apis

【讨论】：

【解决方案2】：

如果我没记错的话，Google Maps API 脚本只有在页面上正常包含时才会起作用；如果它是在页面加载后添加的，它将无法工作，就像你正在做的那样。

【讨论】：