auto open onload在gmap3插件中选择了infoWindow

时间:2012-11-04 22:29:44

标签: google-maps jquery-gmap3

我尝试在加载的地图上的gmap3插件中打开一个选定的窗口(例如,infWin1或infWin2或两者) - 不是点击或悬停。

附上了代码。

任何帮助,提示都将不胜感激。

$('#googleMap')
    .gmap3(
    { action:'init',
        options:{
        center:[49.651626,2.145664],
        zoom: 15
        }
    },

    { action: 'addMarkers',
        markers:[
            {lat:49.628059, lng:2.117512, data:"some infoWin lbl"}, //infWin1
            {lat:49.59558, lng:2.121529, data:"some other infoWin lbl"} //infWin2
            ], 
        marker:{
          options:{
              draggable: false
          },
          events:{
              click: function(marker, event, data){

              var map = $(this).gmap3('get'),
              infowindow = $(this).gmap3({action:'get', name:'infowindow'});
              if (infowindow){
                  infowindow.setOptions({maxWidth:250});
                  infowindow.open(map, marker);
                  infowindow.setContent(data);
              } else {
                  $(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data,maxWidth:250}});

              }
              }
          }

          }
      }

      ,{action:"autofit"}

      );

2 个答案:

答案 0 :(得分:0)

所以,只需将其添加到请求的高级别,而不是在事件

请注意,5.0版已于上周发布

答案 1 :(得分:0)

将点击事件更改为鼠标悬停

marker:{
      options:{
          draggable: false
      },
      events:{
          mouseover: function(marker, event, data){

          var map = $(this).gmap3('get'),
          infowindow = $(this).gmap3({action:'get', name:'infowindow'});
          if (infowindow){
              infowindow.setOptions({maxWidth:250});
              infowindow.open(map, marker);
              infowindow.setContent(data);
          } else {
              $(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data,maxWidth:250}});

          }
      }
}