谷歌地图API(地图不显示)

时间:2011-03-14 00:54:33

标签: jquery google-maps

我很困惑。我是第一次使用Google Maps API(版本V3),我不明白为什么Jquery onready速记不起作用。

 <script type="text/javascript"
   src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false">
 </script>

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

</script>   

我尝试了$(function(){ }); and $(document).ready(function(){});

我的语法两次都是正确的,firebug控制台显示没有错误。既不初始化地图。但是,当我添加

onload="initialize()到我的身体标签,它有效。

好奇这里发生了什么。

编辑:这是实际代码

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

 <script type="text/javascript">


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

2 个答案:

答案 0 :(得分:2)

对不起,这很明显。

我正在定义初始化但没有调用它。

答案 1 :(得分:0)

也许你的问题是 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false"> 你把它设置为真还是假? 顺便说一句,您是否链接到有效的jQuery js表? 你有一个合适的<Doctype>吗?