javascript - 如何将对象传递给此js函数？

Question

代码:

function setMaps() {
    var geocoder = new google.maps.Geocoder();
    var result = "";

    $('.map_canvas').each(function(){

        geocoder.geocode( {
            'address': $(this).attr('address'), 
            'region': 'de'
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                result += results[0].geometry.location.lng()+",";
                result += results[0].geometry.location.lat();
            } else {
                result = "Unable to find address: " + status;
            }
            $(this).gmap({ 'center': result });
        });
    });
}

此方法应在一页上显示多个 map 。

HTML:

<div class="map_canvas" address="Berlin, Zoo">

</div>

问题是 $(this).gmap({ 'center': result }); 不起作用:

Uncaught TypeError: Cannot set property 'position' of undefined

知道如何将 map_canvas 对象传递给回调函数吗？

Answer 1

试试这个:

function setMaps() {
    var geocoder = new google.maps.Geocoder();
    var result = "";

    $('.map_canvas').each(function(){
       var _this = $(this); // <------ here
        geocoder.geocode( {
            'address': $(this).attr('address'), 
            'region': 'de'
        }, function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                result += results[0].geometry.location.lng()+",";
                result += results[0].geometry.location.lat();
            } else {
                result = "Unable to find address: " + status;
            }
            _this.gmap({ 'center': result }); // <---- and here
        });
    });
}