Question

无法将谷歌地理编码的返回值存储到全局/外部（javascript）变量（ latlng1 ，在以下情况中）....也许是因为变量在地理编码完成之前得到它的值......

在下面的代码中：

alert(('latlon='+latlng1); //shows undefined

但是，

alert('got value = '+latLng);   //gives the coorect value

那么，如何在将变量分配给变量之前等待地理编码返回非空值？

这会解决问题吗？或者代码中还有其他缺陷吗？

除此之外，代码的所有部分都可以正常工作（如下面的代码中的注释所述）;我看到标记也正确地放在地图上了;

这是我的代码： -

    <script src="path_to_javascript_file.js"></script>

    $(some_element).click(function() {

             var input = document.getElementById(some_input_element).vlaue ;

             var get_geocodes =   function get_value(latLng) {
                              alert('got value = '+latLng);   //gives the coorect value
                              if (latLng == null){
                                  geocode(input, get_geocodes)} 
                              return latLng;
                                     }

             latlng1 =  geocode(input, get_geocodes);
             alert('latlon='+latlng1);  //says undefined

以下是我的javascript_file.js（包含在上面代码的开头）：

function geocode(query, mycallback) { 

            var geocoder = new google.maps.Geocoder();
            latLng = null
            geocoder.geocode( { 'address': query}, 
            function callback(results, status) {
                if (status == google.maps.GeocoderStatus.OK && results.length) {
                  var latLng = results[0].geometry.location;
                  console.log('geocoding successful : ' + latLng);   //gives the correct value
                  add_marker(latLng, query);                 
                  mycallback(latLng);                    
                }

             else {
                  console.log("geocoding unsuccessful because of: " + status);
                }
            });  
          }


function add_marker(latLng , query) {

                    var new_marker = new google.maps.Marker({
                      position: new google.maps.LatLng(latLng.lat(), latLng.lng()),
                      map: map,
                      title: query ,
                      animation: google.maps.Animation.DROP                
                      }); 

                    console.log(new_marker.getPosition().lat());  //gives the correct value
                    console.log(mew_marker.getPosition().lng());  //gives the correct value
                    alert('added_marker'+latLng+',,'+location);   //gives the correct value

}

Answer 1

如评论中所述，您需要等到 google.maps.Geocoder（）完成执行。

您的函数 geocode 不会返回任何内容，因此不要认为变量 latlng1 未定义。无论如何，如果 geocode 将返回 latLng 值，则无法保证将定义 latlng1 。

我的建议：

只需调用地理编码器功能，而无需将其分配给 latlng1 。
通过在所有函数之外初始化将 latlng1 变量设为全局变量。
根本不要使用 latLng 变量，只需将所需的值直接分配给全局变量 latlng1 ，如下所示：
```
latlng1 = results[0].geometry.location;
```
在这两个调用中用 latlng1 替换 latLng 变量：add_marker（latlng1，query）和 mycallback（latlng1）函数或（这个最后的建议不是必需的，只是推荐。）只需重新定义add_marker（）只接受一个值 - 查询和 mycallback（）不接受任何值，只使用全局< em> latlng1 在这些函数中。

在外部javascript变量中存储谷歌地理编码的返回值

1 个答案: