悬停在工具提示回调(用于Google地图)
hover-over tooltip callback (for google maps)
我如何在谷歌地图上创建悬停在上方的工具提示文本,就像悬停在上方一样?
更多细节:
我正在用(我认为是)通常的方式制作谷歌地图标记:
var mar = new google.maps.Marker({
position:loca.loc,
map:map,
title:formatTitle(data[i]),
icon:"i/"+returnColors(loca.lang)+"_"+"10.png"
});
但是我被卡住了,因为我的地图有多种语言,所以我想根据页面中的设置以语言A或语言B显示工具提示。我已经能够通过简单地设置回调来配置我所有的其他东西(例如,InfoWindows等),当显示被调用时,我看到我们正在使用的语言,我显示适当的文本。
的事情是,我希望我的悬停在工具提示(标题)是在两种语言太。然而,我还没有弄清楚当显示工具提示时触发了什么回调(如果有的话)。正如我在上面编写的代码一样,在加载地图和工具提示时创建了标记。我想要在鼠标悬停时生成工具提示/标题。
谢谢你的建议!
编辑:一个评论者在不知道答案的情况下给这个问题投了否定票,这看起来有点奇怪,让我觉得我可能说得不够具体。
在浏览器代码中触发一些事件,指示是时候在某某坐标显示工具提示了。如果有必要,我想重写这个事件。显然有一些代码在某处显示文本,我想找到这些代码并可能覆盖它
希望这有助于澄清我的问题。我不需要它是google。maps中的方法。*类层次结构,我只需要能够动态显示文本。
也许一些其他的悬停/工具提示是可行的,几年前我用CSS伪类做过这个,但肯定有一些现代的方法可以推荐。
如果在变量中保存对标记的引用,则可以使用setTitle()
动态更改标题。下面是一个简单的例子,当选择框的值改变时,标记的标题被修改:
document.getElementById('lang').onchange = function() {
var dynamicTitle = this.value == 1 ? 'english title' : 'danish title';
marker.setTitle(dynamicTitle);
}
演示-> http://jsfiddle.net/8w1rfjn4/
显然你不必使用选择框,你可以使用任何适合你需要的事件
相关文章:
- 是否可以控制获取哪些Google地图脚本(JavaScript API)
- 在angularjs/google地图中显示分支最近的路线
- 使用Google地图API v3显示多个标记
- 我是否应该在网站的每个页面上都包含 Google 地图脚本标签
- 使用自动完成服务()将 Google 地图地点限制为特定国家/地区
- Google 地图信息窗口仅显示首次点击时的信息
- 在 Google 地图 API V3 中启用和禁用大量标记
- 使用JavaScript获取Google地图上显示的所有推文时遇到麻烦
- 如何将waze事件标记添加到带有流量的google地图javascript API生成的地图
- 外部SVG作为Google地图api标记-是或否
- 获取属性(邮政编码)并在Google地图API 3中使用
- Google地图API(IE7 IE8)的堆栈溢出
- 替换Google地图API getTile覆盖中的tile图片
- Google地图V3 API关键用法
- 使用Knockout.js的数组方法将地图标记添加到Google地图
- (html) Google 地图搜索结果与 Maps/地点 API 调用之间的差异(结果较少)
- 添加用于在 Google 地图 API v3 中打开信息窗口的链接
- 文本框值更改 Google 地图上的更新标记
- 带有 Cordova 触摸事件的 Google 地图 API 将被忽略
- 由 Bootstrap 3 中的高级自定义字段生成的 Google 地图