Загрузка GMaps через ajax

Question

Я загружаю страницу, содержащую GMaps, используя метод jQuery ajax(). 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>

После получения этой страницы я устанавливаю ее содержимое в div, используя метод html(). Карта не отображается, в то время как другие страницы, содержащие скрипты, загруженные таким же образом, отображаются правильно. Это специфическая проблема в GMaps, которая не позволяет загружаться через ajax-запрос?

Answer 1

Попробуйте использовать код загрузчика Google ajax:

google ajax apis

Answer 2

Если я правильно помню, скрипт Google Maps API будет работать, только если он нормально включен на странице; он не будет работать, если он будет добавлен после загрузки страницы, как вы делаете.