向Google地图信息添加超链接。窗户

凯特

我正在创建带有多个标记的Google Map。每个标记都显示一个信息。单击时打开窗口。我需要弄清楚如何向信息添加超链接。Java脚本窗口。

这是一个Javascript的示例,该Javascript确定将在信息中显示哪些文本。窗户:

"infoWindows": [{
            "id": 4980,
            "marker_id": "latitude and longitude here",
            "title": "title here",
            "subtitle": "subtitle here",
            "phone": "phone here",
            "address": "address here",
            "email": "email here",
            "web": "web here",
            "content": "content here",
            "open": 0
        }

这是允许在单击标记时显示此信息的Javascript:

b.settings.infoWindows[j].title.length > 0 && (l += '<div class="uber-google-maps-info-window-field uber-google-maps-title">' + b.settings.infoWindows[j].title + "</div>"), 

b.settings.infoWindows[j].subtitle.length > 0 && (l += '<div class="uber-google-maps-info-window-field uber-google-maps-subtitle">' + b.settings.infoWindows[j].subtitle + "</div>"),  

b.settings.infoWindows[j].phone.length > 0 && (l += '<div class="uber-google-maps-info-window-field">' + b.settings.infoWindows[j].phone + "</div>"),  

b.settings.infoWindows[j].email.length > 0 && (l += '<div class="uber-google-maps-info-window-field">' + b.settings.infoWindows[j].email + "</div>"), 

b.settings.infoWindows[j].address.length > 0 && (l += '<div class="uber-google-maps-info-window-field">' + b.settings.infoWindows[j].address + "</div>"), 

b.settings.infoWindows[j].web.length > 0 && (l += '<div class="uber-google-maps-info-window-field uber-google-maps-web">' + b.settings.infoWindows[j].web + "</div>"), 

b.settings.infoWindows[j].content.length > 0 && (l += b.settings.infoWindows[j].content), l += "</div>";

我如何将超链接添加到此信息。气泡?我不确定如何用Javascript格式化超链接。优选地,我想将超链接添加到信息的“网络”部分。窗户。帮助非常感谢!

An0nC0d3r

假设您要添加电子邮件作为超链接...

'<div class="uber-google-maps-info-window-field"><a href="mailto:' + b.settings.infoWindows[j].email + '">' + b.settings.infoWindows[j].email + '</a></div>'

或其他一些超链接

'<div class="uber-google-maps-info-window-field"><a href="' + b.settings.infoWindows[j].someHyperlink + '">' + b.settings.infoWindows[j].someHyperlink + '</a></div>'

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在 Google 散点图上单击显示 Google 地图信息窗口

来自分类Dev

Google地图信息窗口中的Raty星级评级

来自分类Dev

在Google地图信息窗口中加载动画

来自分类Dev

使用 URL 哈希名称触发 Google 地图信息窗口

来自分类Dev

来自嵌套 xml 列表的 Google 地图信息窗口

来自分类Dev

如何在可放大地图的Google地图上添加超链接?

来自分类Dev

如何使超链接使用位置标记和信息更新嵌入式Google地图

来自分类Dev

在JQuery中向文本添加超链接

来自分类Dev

AngularJS谷歌地图信息窗口

来自分类Dev

谷歌地图信息窗口位置在右侧

来自分类Dev

AngularJS谷歌地图信息窗口

来自分类Dev

谷歌地图信息窗口位置在右侧

来自分类Dev

谷歌地图信息窗口未加载

来自分类Dev

vue 和谷歌地图信息窗口

来自分类Dev

如何获得Google地图信息窗口以调整其大小以适合放置在其中的内容?

来自分类Dev

无法调整地图信息窗口中嵌入的Google Spreadsheet的大小

来自分类Dev

带有kml图层的Google地图。Google将_blank添加到信息窗口链接

来自分类Dev

带有kml图层的Google地图。Google将_blank添加到信息窗口链接

来自分类Dev

如何向表行<tr>添加超链接

来自分类Dev

向MFC应用程序添加非按钮超链接

来自分类Dev

d3表-向值添加特定的超链接

来自分类Dev

如何在画布元素中向图像添加超链接?

来自分类Dev

如何使用jQuery向表中添加超链接列?

来自分类Dev

如何使用XML在XSLT中向名称添加超链接?

来自分类Dev

向 RichTextBlock 内的超链接添加交互行为

来自分类Dev

IBM Watson:如何向 Watson Responses 添加超链接?

来自分类Dev

HTML5 _ 如何向视频标记添加超链接

来自分类Dev

如何向菜单中的图标添加超链接?

来自分类Dev

将Google地图标记超链接到坐标

Related 相关文章

  1. 1

    在 Google 散点图上单击显示 Google 地图信息窗口

  2. 2

    Google地图信息窗口中的Raty星级评级

  3. 3

    在Google地图信息窗口中加载动画

  4. 4

    使用 URL 哈希名称触发 Google 地图信息窗口

  5. 5

    来自嵌套 xml 列表的 Google 地图信息窗口

  6. 6

    如何在可放大地图的Google地图上添加超链接?

  7. 7

    如何使超链接使用位置标记和信息更新嵌入式Google地图

  8. 8

    在JQuery中向文本添加超链接

  9. 9

    AngularJS谷歌地图信息窗口

  10. 10

    谷歌地图信息窗口位置在右侧

  11. 11

    AngularJS谷歌地图信息窗口

  12. 12

    谷歌地图信息窗口位置在右侧

  13. 13

    谷歌地图信息窗口未加载

  14. 14

    vue 和谷歌地图信息窗口

  15. 15

    如何获得Google地图信息窗口以调整其大小以适合放置在其中的内容?

  16. 16

    无法调整地图信息窗口中嵌入的Google Spreadsheet的大小

  17. 17

    带有kml图层的Google地图。Google将_blank添加到信息窗口链接

  18. 18

    带有kml图层的Google地图。Google将_blank添加到信息窗口链接

  19. 19

    如何向表行<tr>添加超链接

  20. 20

    向MFC应用程序添加非按钮超链接

  21. 21

    d3表-向值添加特定的超链接

  22. 22

    如何在画布元素中向图像添加超链接?

  23. 23

    如何使用jQuery向表中添加超链接列?

  24. 24

    如何使用XML在XSLT中向名称添加超链接?

  25. 25

    向 RichTextBlock 内的超链接添加交互行为

  26. 26

    IBM Watson:如何向 Watson Responses 添加超链接?

  27. 27

    HTML5 _ 如何向视频标记添加超链接

  28. 28

    如何向菜单中的图标添加超链接?

  29. 29

    将Google地图标记超链接到坐标

热门标签

归档