Google Maps API v.3 - 无法显示信息窗口，或者当我这样做时，地图中心位于设计位置

Question

我在使用 Google 地图 API v.3 时遇到了一个小问题。 我从 MySql 数据库获取位置地址，并尝试将其动态发送到 GMap。 这工作正常，但我似乎无法打开“信息窗口”。 如果代码有点混乱，但我最接近的解决方案是打开信息窗口，但地图以定义位置为中心，而不是实际位置。我搜索过不同的网站，但找不到合适的建议。也许我混合了 v.2 和 v.3，但据我所知，似乎并非如此。这是我第一次了解 Google 的 API，所以请耐心等待。 所有代码均来自示例：

  var marker;
  var geocoder;
  var map;
  function initialize() {
    var mapDiv = document.getElementById('map-canvas');
    var latlng = new google.maps.LatLng(42.696492,23.326011);
      geocoder = new google.maps.Geocoder();
      var address = "Milano 20099";
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          map.setCenter(results[0].geometry.location);
          marker = new google.maps.Marker({
              map: map,
              position: results[0].geometry.location
          });
        } else {
          // alert("Geocode was not successful for the following reason: " + status);
        }
      });
      var infowindow = new google.maps.InfoWindow({content: '<strong>I will be here!</strong><br/>Milano 20099'});
      var myOptions = {
        zoom: 9,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
      }
      map = new google.maps.Map(mapDiv, myOptions);
      infowindow.open(map, marker);
  }

提前致谢！

Answer 1

您必须将信息窗口打开方法移至地理编码器成功回调函数。地理编码请求可能需要一段时间才能响应，并且您正尝试在地理编码器返回标记位置之前打开信息窗口。所以你的代码应该如下：

var marker;
            var geocoder;
            var map;
            function initialize() {
                var latlng = new google.maps.LatLng(42.696492, 23.326011);
                var myOptions = {
                    zoom : 9,
                    center : latlng,
                    mapTypeId : google.maps.MapTypeId.HYBRID
                }
                var mapDiv = document.getElementById('map-canvas');

                map = new google.maps.Map(mapDiv, myOptions);
                geocoder = new google.maps.Geocoder();
                var address = "Milano 20099";
                geocoder.geocode({
                    'address' : address
                }, function(results, status) {
                    if(status == google.maps.GeocoderStatus.OK) {
                        map.setCenter(results[0].geometry.location);
                        marker = new google.maps.Marker({
                            map : map,
                            position : results[0].geometry.location
                        });
                        var infowindow = new google.maps.InfoWindow({
                    content : '<strong>I will be here!</strong><br/>Milano 20099'
                });


                infowindow.open(map, marker);
                    } else {
                        // alert("Geocode was not successful for the following reason: " + status);
                    }
                });

            }