Question

我试图在点击使用places查询放置的每个标记时显示一个infoWindow。我正在使用Geolocation查找位置，然后显示所有附近的酒吧。我希望能够单击每个标记，并显示pub（place.name）的名称。

点击标记时我在控制台中遇到的错误是＆＃34; 无法读取属性＆＃39; setContent＆＃39;未定义的＆＃34;。

// Google地方代码不包括我的地理定位代码，该代码可以正常工作//

function initMap() {
myLatLng = new google.maps.LatLng(lat,long);
var Options = {
    scrollwheel: false,
    zoom:15,
    center: myLatLng,
    disableDefaultUI: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById('map'),Options);
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    label: "Y",
});    

      var service = new google.maps.places.PlacesService(map);
      service.nearbySearch({
        location: myLatLng, //Uses geolocation to find the following
        radius: 500,
        types: ['bar']
      }, callback);

  };

function callback(results, status) {
  if (status === google.maps.places.PlacesServiceStatus.OK) {
    for (var i = 0; i < results.length; i++) {
      createMarker(results[i]);
    }
  }
}

function createMarker(place) {
  var placeLoc = place.geometry.location;
  var marker = new google.maps.Marker({
    map: map,
    position: place.geometry.location
  });

  google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(place.name);
    infowindow.open(map, this);
  });
}

我发现这段代码与我有完全相同的问题，infowindow不会加载，并且控制台中也会出现同样的错误。

https://jsfiddle.net/jimedelstein/bfdhjsyy/

这是我在控制台中遇到的错误：

http://i.stack.imgur.com/2Pkeb.png

谢谢！

Answer 1

未定义infowindow变量。在致电infoWindow = new google.maps.InfoWindow之前，请尝试infowindow.setContent();。

请查看有关如何使用infoWindows的详细信息：https://developers.google.com/maps/documentation/javascript/3.exp/reference#InfoWindow

Google Maps / Places API JavaScript - 无法读取属性＆＃39; setContent＆＃39;未定义的

1 个答案: