javascript - 如何链接(谷歌地图)infowindow 文本字符串?

标签 javascript google-maps text hyperlink infowindow

我无法找到超链接信息窗口中文本的方法。我已经尝试过 window.location.href 命令,但我不想链接标记本身,因为我需要链接文本。我花了一个小时在谷歌上搜索,但还没有找到一种方法。任何帮助将不胜感激:)我的代码如下。信息窗口中显示的文本位于内容字符串变量中。

谢谢你, 安东尼

function allbrisbaneparks() {
  var myLatlng1 = new google.maps.LatLng(-27.51561168,153.0593704);
  var myLatlng2 = new google.maps.LatLng(-27.59129579,153.0463111);
  var myLatlng3 = new google.maps.LatLng(-27.45968511, 153.0505714);
  var mapOptions = {
    zoom: 10,
    center: myLatlng1
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString1 = 'Mott Park'
  var contentString2 = 'Bushy Park'
  var contentString3 = "Catalina Park"

  var infowindow = new google.maps.InfoWindow({
    });

  var marker1 = new google.maps.Marker({
      position: myLatlng1,
      map: map,
      title: 'Mott Park'
  });
  var marker2 = new google.maps.Marker({
      position: myLatlng2,
      map: map,
      title: 'Bushy Park'
  });
    var marker3 = new google.maps.Marker({
      position: myLatlng3,
      map: map,
      title: 'Catalina Park'
  });
  function addmarker(identity, content){
        google.maps.event.addListener(identity, 'click', function allbrisbaneparks() {
        infowindow.close();//hide the infowindow
        infowindow.setContent(content);//update the content for this marker
        infowindow.open(map, identity);

 });
}
addmarker(marker1, contentString1)
addmarker(marker2, contentString2)
addmarker(marker3, contentString3)
}
function domlistenerbrisbane(){
    google.maps.event.addDomListener(window, 'load', allbrisbaneparks);
}

最佳答案

将您的 contentString 修改为:

var contentString = '<a href="your URL" >The address name</a>';

关于javascript - 如何链接(谷歌地图)infowindow 文本字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23293542/

相关文章:

javascript - 以编程方式填写并提交表单Angular 4

javascript - 为谷歌地图预加载标记图像

android - Ekito 简单 KML 阅读源

java - 如何合并两个文本文件中的数据

c# - 如何对文本执行逐行和逐字符差异?

javascript - 使用 Plotly.update() 更新轨迹的 ‘x’ 和 ‘y’ 值

javascript - Bootstrap 选项卡标题元素中的复杂 html

javascript - RxJS 可观察到的 : performing cleanup when the last subscription is disposed?

Android:从谷歌地图获取无效的 KML 文件

java - 读取文本文件中的下一行