Javascript 问题:使用信息窗口切换开/关

Javascript 问题:使用信息窗口切换开/关,javascript,jquery,google-maps,google-maps-api-3,Javascript,Jquery,Google Maps,Google Maps Api 3,今天我在同一个按钮中看到了关于开关的答案,我决定尝试使用 我想要的是点击标记,然后在我的地图上出现一个信息窗口,但它不起作用 JSFIDLE JSFIDLE 当我尝试这样加入(使用infowindow切换)时: google.maps.event.addDomListener(buttonCarrosUI, 'click', function() { if(marker && marker.setMap){ if (marker.getMap() != null)

今天我在同一个按钮中看到了关于开关的答案,我决定尝试使用

我想要的是点击标记,然后在我的地图上出现一个信息窗口,但它不起作用

JSFIDLE

JSFIDLE

当我尝试这样加入(使用infowindow切换)时:

google.maps.event.addDomListener(buttonCarrosUI, 'click', function() {
  if(marker && marker.setMap){
      if (marker.getMap() != null)
          marker.setMap(null);
     else marker.setMap(map_canvas);
  }else{
      var myLatLng;
      var title = marker.title;
      $.each( data.markers, function(i, marker) {
          myLatLng = new google.maps.LatLng(marker.latitude, marker.longitude);
      });
      var infowindow = new google.maps.InfoWindow({
          content: title,
      });
          marker = new google.maps.Marker({
              position: myLatLng,
              map: map_canvas,  
              icon: image,
              title: title
          });
          google.maps.event.addListener(marker, 'click', function() {
              infowindow.open(map_canvas,marker);
          });
   }
});
我有这个问题

TypeError:标记未定义

var title=marker.title


如果有人能帮助我,我将不胜感激,谢谢。

您正在$each之外创建标记。除非您希望一次打开多个信息窗口,否则最好创建一个全局信息窗口并重用它。此外,您正在覆盖$each中的“marker”变量。请注意,这不适用于多个标记。如果有多个标记,则需要保留对数组中标记的引用(此代码的原始示例切换为一条多段线)。以下代码适用于我:

google.maps.event.addDomListener(buttonCarrosUI, 'click', function () {
    var data = JSON;
    var myLatLng;
    if (marker && marker.setMap) {
        if (marker.getMap() != null) marker.setMap(null);
        else marker.setMap(map_canvas);
    } else {
        $.each(data.markers, function (i, markerInfo) {
            myLatLng = new google.maps.LatLng(markerInfo.latitude, markerInfo.longitude);
            marker = new google.maps.Marker({
                position: myLatLng,
                map: map_canvas,
                title: markerInfo.title
            });
            google.maps.event.addListener(marker, 'click', function () {
                infowindow.setContent(marker.getTitle());
                infowindow.open(map_canvas, marker);
            });
        });

    }
});

生成该错误的代码在哪里?错误是当我尝试连接两个代码时,如灰色部分,类似于:有不同的错误:
Uncaught SyntaxError:uncontracted end of input
Firebug告诉我没有定义标记LolThank@geocodezip!!但让我再问一个问题,如果我想同时显示多个infowindow,我需要做什么来保留引用?如果你想一次显示和切换多个标记,你需要在一个数组中保留对它们的引用。如果希望一次打开多个信息窗口,则需要为每个标记创建一个。除此之外,如果你遇到麻烦,试着去做,问另一个问题。