javascript - 如何识别 map 上的谷歌地图标记

标签 javascript google-maps google-maps-api-3

我有一个谷歌地图标记列表,作为谷歌地图旁边的 html 链接。我有点击链接时触发的功能。标记 ID 被传递给此函数。

我的问题是 - 当我有 100 个标记时,我想以某种方式识别 map 上单击的标记。某种会从标记消失的链式 react 。

请建议我可能的选择是什么,以便我可以制定适当的解决方案

示例: map 上已有 100 个标记。我的左边也有100个名字。每个名称对应于每个标记。当我单击名称时,我希望属于该名称的标记以某种方式“闪烁”或以其他方式在其他标记中识别自己。

最佳答案

在标记固定在 map 上之前 您需要设置一个全局标记变量

var gb.markers = [];

创建每个标记时需要将其插入全局标记数组

marker = new google.maps.Marker({
  // other stuff
  'id': marker.id
});

完成将函数分配给标记后,将其插入全局变量

gb.markers.push(marker);

确保当您点击标记时会获得标记 ID 并循环全局标记或以 id 作为索引创建标记数组

关于javascript - 如何识别 map 上的谷歌地图标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13189086/

相关文章:

javascript - 谷歌地图 V3 : Updating Markers Periodically

javascript - 将 `this` 应用于函数 auto 中的变量

javascript - 使用 javascript 停止页面重定向而不发出警告或询问

javascript - 在我的 Rails 投票系统中包含 Ajax/JS

javascript - 这段代码用 javascript 移动 css 元素有什么问题?

google-maps - 在 Google map v3 的绘图管理器中将可编辑选项设为 true 后也无法编辑多边形

jQuery getScript 返回解析错误异常

reactjs - react-google-maps:如何使用 fitBounds、panBy、panTo、panToBounds 公共(public) API?

javascript - 如何告诉谷歌地图 API 加载脚本在 React 组件中寻找回调?

javascript - Google HeatMap API 抛出 2 条错误消息 : H/M is not defined