将 HTML 类/ID 添加到 Google 地图标记 (API V3)

2024-04-13

如何向 Google Maps API V3 标记添加类或 ID?我希望能够使用 jQuery 访问标记。

编辑:嗨,clarkf,感谢您的回复。使用 Firebug 在检查我的地图时我无法看到这些类,但我确实注意到有两个 div。一种用于图标,另一种用于按钮。

我想做的是: 我在网站上显示了丢失宠物的列表,它们也显示在地图上。列表中的每只宠物都有一个唯一的 ID,我希望地图上的宠物使用类来镜像此 ID,因为 ID 需要是唯一的,并且每个宠物可能有多个点。所以我正在寻找一种将类添加到地图标记的方法。这样,当用户从列表中选择丢失的宠物时,它会在地图上突出显示,反之亦然。

Thanks

Ric


经过一番探索后,我发现地图标记都具有以下类别gmnoprint(假定Google Maps No Print)。因此,我在地图上搜索了我家附近的披萨,然后在 Chrome 的检查器控制台窗口中,我:

> var list = document.getElementsByClassName('gmnoprint');
  [...] //length=37
> for ( var i = 0, item; item = list[i]; i++ ) { console.log(item.id); }
  //(11 items with no id)
  mtgt_A.1001
  mtgt_B.1001
  mtgt_C.1001
  mtgt_D.1001
  mtgt_E.1001
  mtgt_F.1001
  mtgt_G.1001
  mtgt_H.1001
  mtgt_I.1001
  mtgt_J.1001
  mtgt_A.1000
  map_overview
  //Irrelevant information...

所有可见标记的格式为mtgt_[LETTER].1001。数字后缀似乎与多组字母标记有关(mtgt_A.1000是一个隐藏的标记 - 也许这个地方没有开放,或者什么的。但所有相关标记都遵循该模式。因此,想必您应该能够通过 jQuery 访问标记$('#mtgt_[LETTER].1001')- 再次,取决于你的背景,但也许你正在寻找的是

function getMarker(letter) {
    return $('mtgt_'+letter+'.1000');
}

有点临时的,但我仍然不确定你在说什么。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 HTML 类/ID 添加到 Google 地图标记 (API V3) 的相关文章

  • 滚动时输入自动完成位置错误(chrome)

    我在输入文本的默认自动完成功能方面遇到了一些麻烦 滚动时它不会相应移动 我希望自动完成文本保留在输入的正下方 有办法做到这一点吗 我在 Chrome 浏览器版本 57 0 2987 133 中发生这种情况 fiddle https jsfi
  • Javascript DOM setAttribute 在函数调用中不起作用

    我有一个带有输入元素的 HTML 文件 我希望向其中添加一个名为 valid fieldset011 的新属性 该属性用作 AngularJS 验证器的链接 输入元素具有属性 id fieldset011 如果我使用以下脚本 包含在脚本标签
  • 第一次使用node.js - “ReferenceError:节点未定义”

    我刚刚安装了node js 我尝试编写应该检查版本的node v 但它不起作用 这是输出 gt node v ReferenceError node is not defined at repl 1 2 at REPLServer self
  • Angular 2 Material 2 日期选择器日期格式

    我不知道如何更改材料2日期选择器的日期格式 我已阅读文档 但我不明白我实际上需要做什么 datepicker默认提供的输出日期格式为f e 6 9 2017 我想要实现的目标是将格式更改为类似的格式9 Jun 2017或任何其他 文档htt
  • 在 javascript、jQuery 或 css 中,如何让 div 或 iframe 展开以填充其余空间

    我有三个 iframe 我将顶部 iframe 设置为 50px 高度 将底部 iframe 设置为 50px 但我希望中间 iframe 扩展以填充其余空间 有没有一种技术可以用来对任何窗口屏幕尺寸执行此操作 谢谢 example
  • 如何防止 gulp-notify 破坏 Windows 中的 gulp-watch?

    我正在使用吞咽通知 https www npmjs org package gulp notify插入 这是我如何在 gulpfile js 中实现它的示例 您可以看到我也在使用 gutil 和 livereload 我不知道它们是否发挥任
  • window.onbeforeunload 在 Android Chrome 上不会触发 [alt.解决方案?]

    我开发了一个简单的聊天应用程序 我正在使用 window onbeforeunload当有人关闭选项卡 浏览器时 基本上是当用户离开房间时 通知其他用户 这是我的代码 scope onExit function scope chatstat
  • 为什么 length 是 `Array` 的属性而不是 `Array.prototype` 链

    所以我在 V8 控制台上玩了很多 我做到了 Object getOwnPropertyNames 我期望得到 结果 然而 length 所以这意味着不是成为原型链的一部分 length是所有人的成员财产Array对象 这是一个错误 还是有任
  • 使用 JavaScript 生成 PDF 文件

    我正在尝试将 XML 数据从网页转换为 PDF 文件 并且希望能够完全在 JavaScript 中完成此操作 我需要能够绘制文本 图像和简单的形状 我希望能够完全在浏览器中完成此操作 我刚刚写了一个名为jsPDF https github
  • 循环遍历元素并逐步为每个元素应用 CSS 规则

    我有一个网格布局 每个网格布局中都有不同数量的元素 我想动态添加内联grid column通过循环遍历 div 中存在的每个元素的 CSS 规则 ul 与一类 list 所以 HTML 代码的输出需要是 ul class list ul u
  • 如何从 JSON 响应重定向?

    所以我尝试使用 Flask 和 Javascript 上传器 Dropzone 上传文件并在上传完成后重定向 文件上传正常 但在烧瓶中使用传统的重定向 return redirect http somesite com 不执行任何操作 页面
  • jQM / jquery-collagePlus 使用问题

    我正在使用 jQM 构建应用程序 并且尝试使用 jquery collagePlus http ed lea github io jquery collagePlus http ed lea github io jquery collage
  • 在 Fabric.js 中按宽度/高度在另一个画布对象内居中和缩放画布对象

    Goal 将一个对象 水平和垂直 置于另一个对象 矩形或组 的中心canvas via Fabric js或者通过Javascript保持原始对象的长宽比相同 但也不超过父对象的宽度 高度比例 父对象 矩形或组 不会居中于canvas元素
  • 获取点击的的DOM路径

    HTML div class lol a class rightArrow href a div 伪代码 rightArrow click function rightArrowParents this dom dom is the pse
  • 计算文本选择的 xy 位置

    我正在尝试使用 DOM 元素创建自己的文本选择 是的 我的意思是当您在此元素中选择文本时 您会在文本后面看到蓝色背景 这个想法是停止默认行为 蓝色 并使用我自己的元素来完成工作 方法是找到选择的 xy 位置 然后放置绝对定位的元素 我希望能
  • Knockout.js 安全绑定

    我想使用带有淘汰赛的安全绑定 为此我使用敲除安全绑定 js https github com brianmhunt knockout secure binding 谁能解释一下为什么下面的代码不起作用 它会抛出一个错误 未捕获 淘汰 安全
  • Node.js - 重载函数

    有没有一种方法可以重载node js中的函数 类似于 noSuchMethod https developer mozilla org en JavaScript Reference Global Objects Object noSuch
  • 使用 JQuery 根据下拉列表选择的值显示/隐藏控件

    我正在尝试使用 JQuery 根据下拉菜单的选定索引显示 隐藏 div 标签 但它不起作用 任何帮助将不胜感激 Thanks
  • 从输入类型编号获取无效值

    我正在使用输入类型数字 当它无效时 我如何从中获取值 例如 使用类型编号并仅打印 e 这本身是无效的 我正在使用 React 但我认为这个问题非常普遍 onChange event console log event target valu
  • 无法使用 HTML 设置未定义 jQuery UI 自动完成的属性“_renderItem”

    我使用以下代码将 jQuery UI 自动完成项呈现为 HTML 这些项目在自动完成控件中正确呈现 但我不断收到此 JavaScript 错误并且无法移动过去 Firefox 无法转换 JavaScript 参数 Chrome 无法设置未定

随机推荐

  • 由于图标尺寸 (0 x 0),应用程序提交失败

    我正在尝试提交一个仅适用于 iPhone 的应用程序 错误显示 iPhone iPod Touch Icon png 图标尺寸 0 x 0 不符合尺寸要求 图标文件必须为 57x57 像素 采用 png 格式 我可以知道为什么会发生这种情况
  • 如何在 Tensorflow.js 中保护(混淆/DRM)经过训练的模型权重?

    我正在开发一个基于 React 的 Web 应用程序 该应用程序使用 Tensorflow js 在客户端的浏览器中实时运行 AI 模型 我从头开始训练了这个人工智能模型 我想保护它不被拦截并在其他项目中使用 是否有任何保护措施可以做到这一
  • Ajax不发布大图像的base64数据

    我通过 ajax 将图像 base64 数据传递到我的 php 函数 但对于大尺寸图像 Ajax 不会发布数据 但同样的代码对于小图像来说效果很好 srcdata data image jpeg base64 9j 4SxvRXhpZgAA
  • Caliburn 元素约定

    在尝试学习 GameLibrary 示例应用程序的源代码时 我看到了这样一行 ConventionManager AddElementConvention
  • Grails 过滤器:无法使其工作!

    我正在尝试为我的网络应用程序编写一个过滤器 我阅读了 文档 1 并在我的grails app conf目录 class SecurityFilters def filters someFilter controller action wri
  • 从现场测试模式复制数据

    我想从 iPhone 现场测试模式中复制一些数据 有什么办法可以做到吗 我正在使用这些数据进行测试 因此不需要 App Store 批准 由于现场测试模式是一个内置应用程序 用于收集手机及其网络上的信息 因此您实际上无法执行任何操作来与其交
  • 如何配置 Eclipse XML 格式?

    我想更改 Eclipse 格式化 XML 文件的方式 例如 如果我在 pom xml 文件中有如下部分
  • W3C 验证器无法处理 RDF/XML

    我正在尝试描述一个非常基本的地铁火车站地图 其中包含站点和时间 这个 RDF 到 Turtle 转换器 http rdf translator appspot com 可以解析我的 XML 但 W3C 验证器抛出 Error Your do
  • 在 R 中快速计算 > 10^6 余弦向量相似度

    我得到了约 1600 个文档 x 约 120 个单词的文档术语矩阵 我想计算所有这些向量之间的余弦相似度 但我们正在谈论约 1 300 000 次比较 n n 1 2 我使用了 parallel mclapply 和 8 但它仍然需要很长时
  • 我什么时候应该在 ColdFusion 中使用#?

    这是教授新人 ColdFusion 的最大障碍之一 何时使用 充其量是不明确的 由于使用它们通常不会产生问题 因此大多数人似乎倾向于过度使用它们 那么 基本规则是什么 我认为说哪里不使用 可能更容易 唯一的地方是在 cfif 语句和 cfs
  • MySQLClient 无法在装有最新版本 Big Sur 的 Macbook Pro M1 上通过 pip 安装

    在确保自制软件可以在其上运行后 我刚刚购买了一台带有 M1 芯片的新 Macbook Pro 我可以 pip 安装除 mysqlclient 之外的任何其他库 并且通过自制程序安装它没有问题 所以我想从下面的错误消息中看出 这是 mysql
  • 通过 HTTP 替代方案访问 JMX

    我们使用 MX4J 通过容器本身的 Web 界面访问 JMX 相关操作 属性 我想知道是否有可用的替代方案 因为 MX4J 的最后一个服务版本是在 2006 年 我基本上希望克服 MX4J 在处理集合方面的限制 I was 实验 http
  • 如何在 Linux 中以编程方式反转屏幕颜色

    例如 在 Ubuntu 中 您可以使用 Super M 反转屏幕颜色 需要桌面效果 请参阅 1 其他操作系统也有类似的功能 尽管我并不真正关心 Linux 以外的任何操作系统 如果我想编写一个在运行时反转屏幕颜色的简单程序 我应该考虑哪个
  • 如何将字符串中每个单词的第一个字母大写?

    s the brown fox 在这里做点什么 s应该 The Brown Fox 做到这一点最简单的方法是什么 The title http docs python org library stdtypes html str title字
  • VBS 脚本查找特定扩展名的所有文件并将它们复制到特定目的地

    我正在制作一个项目 通过创建一个脚本来在工作中使用来自动化我们的一个流程 我希望脚本检查用户名的输入 以搜索指定的用户配置文件路径中的任何 doc docx pdf pst 等文件 并将它们按原样复制到网络驱动器位置上创建的文件夹中 我的主
  • Grails 2抽象域继承问题

    当在 Grails 中使用抽象 或非抽象 继承时 以下内容对我不起作用 很快 我的继承如下 abstract BaseClass SomeClass extends BaseClass SomeOtherClass extends Base
  • Cordova iOS 启动 comgooglemaps 失败

    我有一个小问题 我使用 comgooglemaps 方案来调用谷歌地图并执行搜索 这工作正常 但问题是如果用户没有安装谷歌地图 现在 我如何检查这一点以及是否未安装谷歌地图以通过浏览器调用谷歌 或者调用用户使用的其他地图应用程序 Thanx
  • 使用 group_by(多个变量)时的 dplyr 问题

    我想开始使用 dplyr 代替 ddply 但我无法了解它是如何工作的 我已阅读文档 例如 为什么当我尝试 mutate 时 group by 函数无法按预期工作 看看mtcar 图书馆 车 假设我制作了一个 data frame 它是 m
  • UITableview 中的 UItextView,自动更正气泡不可见

    我有一个带有自定义单元格的 UITableView 每个单元格包含一个 UITextView 并且当用户在 TextView 中键入文本时 单元格会调整大小 我的问题是 当用户位于 TextView 自动更正第一行时 当前单元格中将看不到气
  • 将 HTML 类/ID 添加到 Google 地图标记 (API V3)

    如何向 Google Maps API V3 标记添加类或 ID 我希望能够使用 jQuery 访问标记 编辑 嗨 clarkf 感谢您的回复 使用 Firebug 在检查我的地图时我无法看到这些类 但我确实注意到有两个 div 一种用于图