当前位置: 首页 > 知识库问答 >
问题:

谷歌地图将监听器添加到标记

程俊誉
2023-03-14

我想将事件侦听器添加到所有标记中,我正在使用GoogleMapsforRailsGem。这是我的密码

  markers_from_api = data.bookings
  handler = Gmaps.build('Google')
  settings = {
    internal: {
      id: 'multi_markers'
    },
    provider:{
      styles: mapStyles
    }
  }
  handler.buildMap settings, ->
    markers = handler.addMarkers(markers_from_api)
    _.each markers,(i, j) ->
      google.maps.event.addListener i, 'click', (object) ->
        alert 'hello'
        return
    createSidebar markers_from_api
    createSidebarLi markers_from_api
    handler.bounds.extendWith markers
    handler.fitMapToBounds()

我试图将事件侦听器添加到所有标记中,但它没有发出任何警报。如何在google maps for rails中添加事件侦听器

我有一个数据数组,每个数据包含id,lat,lng

共有1个答案

乜心思
2023-03-14
  markers_from_api = data.bookings
  handler = Gmaps.build('Google')
  settings = {
    internal: {
      id: 'multi_markers'
    },
    provider:{
      styles: mapStyles
    }
  }
  handler.buildMap settings, ->
    markers = handler.addMarkers(markers_from_api)
    _.each markers,(marker, j) ->
      google.maps.event.addListener marker.serviceObject, 'click', (object) ->
        console.log marker.serviceObject.position.lng()
        render_marker_data markers_from_api[j].id
        return
    handler.bounds.extendWith markers
    handler.fitMapToBounds()

上面的代码marker.serviceObject实际上能够获取标记上的单击事件。

 类似资料:
  • 我想使用自定义图标和c标记的地方 重写markerclick函数,并尝试获取该标记的标记,因为我存储在该标记中,在此之前,我使用了.equal方法来测试该标记是否等于该事件标记 我希望当我点击标记应该商店

  • 问题内容: 我想将鼠标悬停在我创建的SpanElement的侦听器上: 我在Google中找到了如何使用Label-wrapper做到这一点,但我想在没有任何包装的情况下做到这一点。可能吗? 谢谢。 问题答案: 也可以不使用JSNI。 因此,与您的元素: 将事件侦听器直接添加到元素: …而且看起来确实很丑陋;)正如您所注意到的那样,对于此元素构想的所有dom事件,事件侦听器都是“公共的”。因此,为

  • 我使用以下代码向google地图添加标记并创建边界 我想做的是添加标记并以一种在具有固定高度的地图中都可见的方式进行缩放 所有图标是否会出现取决于我为填充添加的值。 如果我增加值,所有图标都会显示出来。否则其他的是隐藏的。 考虑到我的googleMap有固定的设置宽度,我如何为填充提供正确的值?

  • 我使用“google-maps-react”,并尝试通过点击向我的地图添加新的标记。 目前,我可以通过控制台记录特定的latLng,但似乎无法创建新的LATLING。我还没反应过来。 我的onMapClick用于查找纬度和经度。但我认为我需要将位置添加到数组中,然后使用该位置更新地图。可能是错的 Im目前的解决方案是,我只是在我的 render() 中硬编码了一些标记,数组的位置在 Marker

  • 我有一个函数,以一个地名作为输入,并在谷歌地图上那个地方的lat和lng位置下降一个pin。它还使用lat和lng位置设置边界,将pin设置为Viewport。一切都很好,但旧的标记没有得到清除,而添加一个新的标记。我已经清除了标记数组,但它不起作用。这是我的代码

  • 问题内容: 我正在尝试将鼠标侦听器添加到MapMarker,以便当鼠标将鼠标悬停在MapMarker上时,我可以对事件做出反应。 我实现了mouseListener,但是我不能真正添加​​一个监听器。问题是由于没有层次结构实现JPanel,所以我没有找到MapMarker添加addMouseListener的方法。 任何帮助表示赞赏 问题答案: 如前所述这里,默认的构造函数使用了“这实现了Map按