2015-10-06 58 views
-1

我使用多个标记创建Google地图。每个标记都显示一个信息。点击时窗口。我需要弄清楚如何添加超链接到信息。窗口通过Javascript。将超链接添加到Google地图信息。窗口

这里是一个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中格式化的。最好我想将超链接添加到信息的“网页”部分。窗口。非常感谢!

回答

1

假设你正在寻找添加的电子邮件作为超链接...

'<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>' 
+0

这个工作!谢谢:) – KateG

+0

没问题的队友;-) – AdamJeffers

相关问题