jquery - 我需要 jQuery 和 Google Maps API 方面的帮助

Question

我正在尝试学习 Google Maps and Places API，因此我想从基础知识开始:通过 IP 地址在 map 上显示用户的位置。

我在 another thread 中找到了一个 jQuery 脚本它获取用户的纬度和经度并且工作正常(位于 var 下面的警报显示纬度和经度)，但是当我将变量传递给 Maps 方法时，它不起作用。有人可以看到我的函数或其调用方式有什么问题吗？

$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {  
var latlng = new google.maps.LatLng(data.latitude,data.longitude);  
function initialize() {  
    var myOptions = {  
      zoom: 8,  
      center: latlng,  
      mapTypeId: google.maps.MapTypeId.ROADMAP  
    };  
    var map = new google.maps.Map(document.getElementById("map_canvas"),  
        myOptions);  
    }  
});

编辑:顺便说一句，这些是我正在使用的脚本:

<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script language="javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Answer 1

我想我知道你在那里做了什么。看起来您正在使用 Hello World gmaps 示例开始。

如果您注意到 gmaps 示例在 map 元素的 onload 上调用了 initialize 函数，那么您要做的就是将 getJSON() 调用的内容放入其中初始化函数包装了该函数的原始代码。

它的外观如下:

function initialize() {  

    $.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {  
        var latlng = new google.maps.LatLng(data.latitude,data.longitude);  
        var myOptions = {  
            zoom: 8,  
            center: latlng,  
            mapTypeId: google.maps.MapTypeId.ROADMAP  
        };  
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    });

}