jquery.load谷歌地图挣扎

时间:2013-04-10 10:39:20

标签: ajax api google-maps load

嘿试图通过jquery加载调用来加载我的谷歌地图...似乎没有通过外部页面加载到我的索引页面上的div ..有来自谷歌开发者页面的代码..但是似乎不能让它工作..任何帮助或指针,将是伟大的......

$('#content').on('click', 'nav ul li a', function() {

    var page = $(this).attr('href');
    // Script to fade and show pages
            $('#content').hide().load('page/' + page + '.php').fadeIn('normal', function() {

                  function initialize() {
                          var mapOptions = {
                            zoom: 8,
                            center: new google.maps.LatLng(-34.397, 150.644),
                            mapTypeId: google.maps.MapTypeId.ROADMAP
                          }
                          var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
                        }

                        function loadScript() {
                          var script = document.createElement("script");
                          script.type = "text/javascript";
                          script.src = "http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=TRUE_OR_FALSE&callback=initialize";
                          document.body.appendChild(script);
                        }

                        window.onload = loadScript;
                        });
            });
  });

1 个答案:

答案 0 :(得分:0)

当它已经结束时,您正在使用window.onload

window.onload = loadScript;更改为loadScript();