-1

我试图将纬度和经度的值视为全局变量，以便可以使用它。但是，当调用 codeAddress() 函数时，即使在它完成执行之前，也会打印后续的内部警报，并且地图会呈现为空白（代码显示硬编码值）。我究竟做错了什么？

var geocoder;
    var geoloc;
    var latitude;
    var longitude

function codeAddress() {
     geocoder = new google.maps.Geocoder();
    var address = 'Dallas';
    geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        latitude = results[0].geometry.location.lat();alert(latitude);
        longitude = results[0].geometry.location.lng();alert(longitude);

    } else {
      alert('Geocode was not successful for the following the default location set.reason: ' + status);
    }
  });
    return;
}

function getStoreMap(zoom)
{
codeAddress();
google.maps.event.addDomListener(window, 'load', function() {

    alert("Inside"+latitude);
    var map = new google.maps.Map(document.getElementById('map-canvas'), {
    center: new google.maps.LatLng(32.7801399,-96.80045109999998),
    zoom: zoom,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });

  var panelDiv = document.getElementById('panel');
  var data = new PlacesDataSource(map);
  var view = new storeLocator.View(map, data,{ updateOnPan: true}
);

  var markerSize = new google.maps.Size(24, 24);
  view.createMarker = function(store) {
    return new google.maps.Marker({
      position: store.getLocation(),
      icon: new google.maps.MarkerImage(store.getDetails().icon, null, null,
          null, markerSize)
    });
  };

  new storeLocator.Panel(panelDiv, {
    view: view
  });
});

}
4

1 回答 1

0

对 Google API 的调用是异步的，因此当您调用 codeAddress() 时，它开始调用可以继续使用其余代码。

然后添加文档加载，并在加载文档时调用警报。

到文档加载时，对 Google 的调用尚未完成，并且未及时分配 lat long 变量。

在加载时设置您的文档以初始化地图并调用地理定位。在地理定位调用的完整功能上，调用另一个函数将根据结果修改地图。

于 2013-09-24T21:20:49.850 回答