谷歌地理编码服务

Question

我正在尝试使用 Google 地理编码器服务来获取用户输入的城市坐标。但是，初始化 LatLng() 对象 (latlngCity) 时似乎出现一些问题，并且地图不会显示。代码如下：

var map;
var latlngCity;

function initialize() {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({'address': 'Lisbon, PT'}, function(results, status) {
      if(status == google.maps.GeocoderStatus.OK) {
        latlngCity = results[0].geometry.location;
      }
  });


  var myMapOptions = {
      zoom: 8,
      center: latlngCity,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  map = new google.maps.Map(document.getElementById("map_canvas"),
      myMapOptions);
}

为了简单起见，我自己插入地址城市字符串。变量 map 和 latlngCity 是全局变量。这段代码有什么问题吗？ 非常感谢。

Answer 1

您需要将地图创建代码移至 geocode 回调中（或者使用某些默认位置创建地图，然后在回调内重新将地图居中）。

在您的代码中，在创建地图时，latlngCity 尚未定义，而 geocode 仍在执行（异步）。

希望这是有道理的。否则我会提供一些代码。让我知道。