7

前段时间我使用了加载谷歌地图API的常规方法,如下所示:

<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=abcdefg&sensor=true">

后来我切换到 Google AJAX API 来加载 Google Maps API。这是因为我网站上的几个“小部件”需要 Google Ajax API 加载器,所以我选择保持一致并使用 AJAX API 来加载 Google 地图:

<script type="text/javascript" src="http://www.google.com/jsapi?key=abcdef"></script>
<script type="text/javascript">
  google.load("maps", "2", {"other_params": "sensor=true"});
</script>

现在我终于决定使用 Google Maps API v3,这个页面没有在可用版本列表中列出 API v3。API v3 文档中的示例都没有显示 AJAX API 的使用。是否可以(并且支持)通过 AJAX API 加载器加载 Google Maps API v3?

4

2 回答 2

24

它没有记录,但它有效。

google.load("maps", "3", {other_params:'key=YOUR_API_KEY', callback: function(){
  var map; // initialize your map in here
}});

[编辑] 文档现在需要使用作为“密钥”参数传递给加载程序的 API 密钥。我删除了 'sensor=false' 作为参数,因为它现在明确不需要,并且在提供时会引发警告。

于 2011-03-14T17:16:42.083 回答
-1

这个例子完美地工作。

//Set google Api
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
//Initialize General
<script type="text/javascript">
    //Add Jquery, if you need
    google.load("jquery", "1.7.1");
    //Initialize Map, with option sensor=false
    google.load("maps", 3, {other_params:"key=YOUR_API_KEY"});
    //Initialize Map's
    google.setOnLoadCallback(function() {
            var options = {
                  zoom: 10,
                  center: new google.maps.LatLng(-34.616507,-58.409463),
                  mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            map = new google.maps.Map(document.getElementById('map_canvas'), options);
    });


</script>
于 2012-05-21T13:59:38.750 回答