javascript - 如何嵌入谷歌地图？

Question

我正在尝试将 Google map 添加到我的网站，我尝试了以下操作:

 $.getScript("https://maps.googleapis.com/maps/api/js?sensor=false", function () {
     alert("1");          
     var map;
     var myOptions = {
         zoom: 8,
         center: new google.maps.LatLng(-34.397, 150.644),
         mapTypeId: google.maps.MapTypeId.ROADMAP
     };
     alert("2");
     map = new google.maps.Map(document.getElementById("container"), myOptions);
 });

这不起作用。谁能告诉我为什么？

编辑

脚本加载完美。我知道这一点是因为 alert(1) 显示，但之后该控件未到达 alert(2)。

Answer 1

document.getElementById(id)

什么是id，它是在哪里定义的？

此外，getScript 用于执行 Ajax 请求，这实际上并不是您应该如何执行 Google map 的方式。只需以正常方式调用脚本，并有一个在文档就绪时执行的 init 函数即可。或者甚至更好地使用 Google Maps API 为您提供的 window.load 事件监听器。

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false" />

<script type="text/javascript">
function init(id) 
     {          
             var map;
             var myOptions = {
                 zoom: 8,
                 center: new google.maps.LatLng(-34.397, 150.644),
                 mapTypeId: google.maps.MapTypeId.ROADMAP
             };
             map = new google.maps.Map(document.getElementById(id), myOptions);
     }

google.maps.event.addDomListener(window, 'load', init('yourDivID'));
</script>