Fatal编程技术网
  • javascript/
  • Javascript 谷歌地图标记作为链接

Javascript 谷歌地图标记作为链接

javascript google-maps

Javascript 谷歌地图标记作为链接,javascript,google-maps,Javascript,Google Maps,我正在使用谷歌地图作为我的网站，我想知道如何使用标记作为链接？我的意思是当我点击一个标记打开一个特定的链接 提前谢谢你 这其实很容易做到。只需将事件处理程序附加到标记上，然后通过将window.location.href设置到URL来启动链接。看看下面的例子，我认为应该是不言自明的： 使用： 谷歌地图标记作为链接 var map=new google.maps.map（document.getElementById（'map'）{ 缩放：2， 中心：新google.maps.LatLng（35

我正在使用谷歌地图作为我的网站，我想知道如何使用标记作为链接？我的意思是当我点击一个标记打开一个特定的链接

提前谢谢你

这其实很容易做到。只需将事件处理程序附加到标记上，然后通过将
window.location.href
设置到URL来启动链接。看看下面的例子，我认为应该是不言自明的：

使用：


谷歌地图标记作为链接
var map=new google.maps.map（document.getElementById（'map'）{
缩放：2，
中心：新google.maps.LatLng（35.55，-25.75），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置：map.getCenter（），
网址：'http://www.google.com/',
地图：地图
});
google.maps.event.addListener（标记'click'，函数（）{
window.location.href=marker.url；
});
使用：


谷歌地图标记作为链接
VarMap=新的GMap2（document.getElementById（“map”）；
var中心点=新玻璃（35.55，-25.75）；
地图设置中心（中心点，2）；
var marker=newgmarker（map.getCenter（））；
marker.url=http://www.google.com/';
添加覆盖图（标记）；
addListener（标记'click'，函数（）{
window.location.href=marker.url；
});
上述示例将在大西洋某处添加一个标记。当您单击它时，您将被转发到一个流行的搜索引擎。

要在新选项卡中打开它，请在“window.location.href=marker.url；”之后添加以下内容：

所以你会：

google.maps.event.addListener(marker, 'click', function() {
      window.location.href = marker.url;
      window.open(this.url, '_blank');
    });
Hey+1添加正确，但如果您想在新窗口中打开此链接，我尝试了window.open=marker.url；然后向标记对象添加一个属性，如url:，target:“\u blank”，但无效， 
<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps Marker as a Link</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
            type="text/javascript"></script> 
  </head> 
  <body onunload="GUnload()"> 
    <div id="map" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 
      var map = new GMap2(document.getElementById("map"));
      var centerPoint = new GLatLng(35.55, -25.75);
      map.setCenter(centerPoint, 2);

      var marker = new GMarker(map.getCenter());
      marker.url = 'http://www.google.com/';
      map.addOverlay(marker);

      GEvent.addListener(marker, 'click', function() {     
        window.location.href = marker.url;
      });
    </script> 
  </body> 
</html>

window.open(this.url, '_blank');

google.maps.event.addListener(marker, 'click', function() {
      window.location.href = marker.url;
      window.open(this.url, '_blank');
    });