Question

我正在使用jQuery的ajax()方法加载包含GMaps的页面。我正在加载的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。未显示地图，而正确显示以相同方式加载的包含脚本的其他页面。这是关于GMaps的特定问题，不允许通过ajax请求加载吗？

Answer 1

如果我没记错的话，Google Maps API脚本只有在网页上正常包含时才有效;如果在页面加载后添加它就行不通，就像你正在做的那样。

Answer 2

请尝试使用google ajax加载程序代码：

google ajax apis

通过ajax加载GMaps

2 个答案: