谷歌地图 v3 地理编码答案

【问题标题】：Google maps v3 geocode谷歌地图 v3 地理编码
【发布时间】：2011-06-16 13:42:16
【问题描述】：

我正在尝试对地名进行地理编码，但是当我运行该函数时，我得到了，

我的控制台中的“一个空字符串”，

下面是我的代码，为什么会这样？

function getLatLong(address) 
{
    var geocoder = new google.maps.Geocoder();
    var result = "";
    geocoder.geocode( { 'address': address, 'region': 'uk' }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            result = results[0].geometry.location;
        } else {
            result = "Unable to find address: " + status;
        }
    });
    console.log(result);
}

更新

好的，所以我已经将我的值输入到控制台，现在当我尝试将元素的值推送到函数中时，我得到未定义的返回，下面是完整的代码，

function getLatLong(address) 
{
    var geocoder = new google.maps.Geocoder();
    var result = "";
    geocoder.geocode( { 'address': address, 'region': 'uk' }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            result = results[0].geometry.location;
            return result;
        } else {
            result = "Unable to find address: " + status;
            alert(result);
        }
    });
}

//getLatLong("YORK"); 

function loadScript(postcode){
    alert(postcode);
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize?"+postcode;
    document.body.appendChild(script);
   }

   /* load map on visitors location */
   function initialize(postcode){
     var myLatlng = new google.maps.LatLng(getLatLong(postcode));
     var myOptions = {
      center: myLatlng,
      zoom:13,
      disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
     }

     var map = new google.maps.Map(document.getElementById('map'), myOptions);
     google.maps.event.trigger(map, 'resize');
     map.setZoom(map.getZoom());
     var marker = new google.maps.Marker({
      position: myLatlng, 
      map: map,
      icon:'http://google-maps-icons.googlecode.com/files/home.png',
     });
    }

而且是这样称呼的，

 $(function(){
    $("dd a, dt a").live("click", function(){
        var self = $(this);
        $("#overlay").fadeIn('slow');
        var targetProcent = 85;
        var targetWidth = $(window).width() * (targetProcent / 100);
        var targetHeight = $(window).height() * (targetProcent / 100);   
        var targetX = ($(window).width() - targetWidth) / 2;
        var targetY = ($(window).height() - targetHeight) / 2 + $(document).scrollTop();
        $('#lightbox').height(700);
        $('#lightbox').width(targetWidth);
        $('#lightbox').load(self.attr("href"));
        loadScript($("#postcode").val());
        //usePointFromPostcode(document.getElementById('postcode').value, placeMarkerAtPoint)
        $('#lightbox').css({
            "position": "absolute", 
            "top": targetY+"px", 
            "left": targetX+"px"
        }).fadeIn('slow');
        return false;
    });
    });

$("#postcode").val() 与使用 load() 时加载的元素相关

【问题讨论】：

标签： javascript jquery google-maps google-geocoder

【解决方案1】：

您进行异步调用，然后打印到控制台。电话还没回来

解决方案：

将 console.log 移到回调中

编辑： 回调是您作为参数传递给地理编码的匿名函数，它的签名是function(results, status)，您应该将console.log 调用放在该函数的末尾

EDIT 进行编辑：

您的脚本网址看起来错误：

"http://maps.google.com/maps/api/js?sensor=false&callback=initialize?"+postcode

我很确定添加 ?postcode 不会做任何事情。如果有的话，网址应该只包含一个？在查询参数开始之前。您似乎想将邮政编码传递给 initialize 函数，最简单的方法是通过全局变量。

在loadScript函数中设置全局变量，在initialize函数中读取

【讨论】：

将}); console.log(result);更改为console.log(result); });