Jquery 谷歌地图不会在窗口中加载

在我的网站上，我想在jQuery中打开一个div，用谷歌地图显示到某个地址的路线

问题是由于某种原因，我的地图无法加载。如果我直接进入页面，它会工作，但是如果我通过jQuery打开页面，我会得到一个空页面。这是我的代码：

 $("#showRoute").click(function(e){
  e.preventDefault();
  $("#shadow").add($("#shadowContent"),$("#closeBox")).remove();
  $("body").append('').append('');
  $("#shadowContent").append('Sluit venster').append('');
  $("#closeBox").click(function(c) {
   c.preventDefault();
   $("#shadow").add($("#shadowContent"),$("#closeBox")).fadeOut(500);
  });
  $("#shadow").add($("#shadowContent")).fadeIn(500);
  $("#shadowContent").show().css({'width':'750px','top':'25px','left':'50%','margin-left':'-400px'});
  $("#content").load('route.php?from='+$("#routeFrom").val());
 });

route.php

---

是否有一些安全原因或类似的原因导致地图无法加载？

我认为您只能加载html，而不能加载javascript，并期望它以动态加载的方式执行。

这意味着什么，但如果我通过jQuery打开页面，我会得到一个空页面？如果我单击按钮以创建的方式加载route.php，div为空您应该做的是将route.php内容放在页面本身并隐藏它。如果该页面是动态的，您需要有一个模板，并用json数据填充它，然后显示它。你想做的是不可能的，而且无论如何也是很难做到的。

[.. HTML tags which also load google maps javascript file.. ]
   function initialize() {
    var latlng = new google.maps.LatLng(51.92475, 4.38206);
    var myOptions = {zoom: 10, center: latlng,mapTypeId:google.maps.MapTypeId.ROADMAP};
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var marker = new google.maps.Marker({position: latlng, map:map, title:"Cherrytrees"});
    marker.setMap(map); 
   }
   
   
   jQuery(document).ready(function () {
    initialize();
   });
  
[..]
    <div id="map_canvas" style="width:600px;height:400px;"></div>
[..]