谷歌地图标记作为链接

我为我的网站使用Google地图，我徘徊如何使用标记作为链接？我的意思是当我点击一个标记打开特定的链接。谷歌地图标记作为链接

预先感谢您！

2010-06-16 Dimitar Vouldjeff

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

使用v3 API：在

<!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>

以上的例子将添加标记的地方：

<!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/api/js?sensor=false" 
      type="text/javascript"></script> 
</head> 
<body> 
    <div id="map" style="width: 500px; height: 400px;"></div> 

    <script type="text/javascript"> 
    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 2, 
     center: new google.maps.LatLng(35.55, -25.75), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     url: 'http://www.google.com/', 
     map: map 
    }); 

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

    </script> 
</body> 
</html>

使用V2 API大西洋。当你点击它时，你会被转发到一个流行的搜索引擎。

来源

2010-06-17 03:36:01

谢谢老兄！ – 2010-06-17 07:41:56

嘿+1已添加，但如果你想在新窗口中打开此链接，我试过window.open = marker.url;然后像这样的属性url：“http://www.google.com”， target：“_blank”到标记对象但无济于事， – defau1t 2011-12-18 20:24:00

为了得到这个在新标签中打开添加正确后， “window.location.href = marker.url;” 以下内容：

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

所以你会：

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

来源

2016-12-15 23:40:54 moorewebx

谷歌地图标记作为链接

回答

相关问题