繁体   English   中英

谷歌地图-单击地图时关闭信息窗口

[英]google map - close infowindow when click on map

我在Rails应用程序中为信息窗口的关闭操作而苦苦挣扎。

我的js:

<script type="text/javascript">

  $(document).ready(function(){
    var raw_markers = <%=raw @hash.to_json %>;

    function createSidebarLi(json){
      return json.sidebar;
      //return ("<li>" + json.titre + ' ' + json.address + "</li>");
    };

    function bindLiToMarker($li, marker){
      $li.on('click', function(){
        handler.getMap().setZoom(14);
        marker.setMap(handler.getMap()); //because clusterer removes map property from marker
        marker.panTo();
        google.maps.event.trigger(marker.getServiceObject(), 'click');
      });
    };

    function bindLiToMarkerMouseOver($li, marker){
      $li.on('mouseover', function(){
        handler.getMap().setZoom(14);
        marker.setMap(handler.getMap()); //because clusterer removes map property from marker
        marker.panTo();
        google.maps.event.trigger(marker.getServiceObject(), 'click');
        //marker.serviceObject.setIcon("/assets/marker_sprite.png");
      });
    };

    function createSidebar(json_array){
      _.each(json_array, function(json){
        var $li = $( createSidebarLi(json) );
        $li.appendTo('#markers_list');
        bindLiToMarker($li, json.marker);
        bindLiToMarkerMouseOver($li, json.marker);
      });
    };

    //handler = Gmaps.build('Google', { builders: { Marker: InfoBoxBuilder} });
    handler = Gmaps.build('Google');
    handler.buildMap({ internal: {id: 'map'}}, function(){

      var markers = handler.addMarkers(raw_markers);

      _.each(raw_markers, function(json, index){
        var marker = markers[index];
        json.marker = marker;
        //google.maps.event.addListener(marker.getServiceObject(), 'mouseover', function(){
          //google.maps.event.trigger(marker.getServiceObject(), 'click');
        //});
      });

      google.maps.event.addListener(map, "click", function(){
        closeInfoWindow();
      });


      createSidebar(raw_markers);
      handler.bounds.extendWith(markers);
      handler.fitMapToBounds();
    });

  });

</script>

如果用户单击地图,但我无法调用gmap事件来关闭它们。 我认为我必须更改拨打电话的位置,但不确定,我到处都尝试过。

有人有主意吗?

ps:我使用的是Gmaps4rails,但通常与js无关。

声明函数:

function closeInfoWindow(handler){
  if(handler.currentInfowindow()) {
    handler.currentInfowindow().close();
  }
}

并称之为:

closeInfoWindow(handler);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM