0

我想我只是在做一些愚蠢的事情，因为我的 javascript 技能不是最好的。以下代码生成一个空白的灰色地图：

function initialize() {
        directionsDisplay = new google.maps.DirectionsRenderer();
        geocoder = new google.maps.Geocoder();
        var address = "Minneapolis, MN";
        geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK)
           {
               lat = results[0].geometry.location.lat();
               lng = results[0].geometry.location.lng();
               addresslatlng = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng());  
           }
           else
           {
                   alert(status);
           }
        });
        var mapOptions = {
          zoom: 7,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          center: addresslatlng
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
        directionsDisplay.setMap(map);
        directionsDisplay.setPanel(document.getElementById('directions-panel'));
      }

但是，如果只是将“中心：addresslatlng”更改为：

center: new google.maps.LatLng(-34.397, 150.644)

它工作正常。

我尝试使用lat和lng但这也不起作用：

center: new google.maps.LatLng(lat, lng)

有任何想法吗？

4

2 回答 2

1

地理编码是异步的。您需要在回调函数中使用结果：

function initialize() {
    directionsDisplay = new google.maps.DirectionsRenderer();
    geocoder = new google.maps.Geocoder();
    var address = "Minneapolis, MN";
    geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK)
       {
           lat = results[0].geometry.location.lat();
           lng = results[0].geometry.location.lng();
           addresslatlng = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng());  
    var mapOptions = {
      zoom: 7,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: addresslatlng
    };
    var map = new google.maps.Map(document.getElementById('map_canvas'),
        mapOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById('directions-panel'));
       }
       else
       {
               alert(status);
       }
    });
  }

工作示例

于 2013-03-25T02:39:41.967 回答
0

我认为这

lat = results[0].geometry.location.lat();
lng = results[0].geometry.location.lng();

真的应该更像这样

lat = results[0].geometry.location.lat;
lng = results[0].geometry.location.lng;

您也可以创建lat然后lon不要在下一行使用它们。改变这个

addresslatlng = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng());

对此

addresslatlng = new google.maps.LatLng(lat, lng);
于 2013-03-25T02:32:17.310 回答