Javascript Google Maps API v3:在新窗口中打开标记上的链接
似乎是一件很基本的事情,但我似乎没有找到答案。 以下是我的谷歌地图代码:Javascript Google Maps API v3:在新窗口中打开标记上的链接,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,似乎是一件很基本的事情,但我似乎没有找到答案。 以下是我的谷歌地图代码: var marker = new google.maps.Marker({ position: new google.maps.LatLng(123, 123), url: "http://www.google.com", map: map }); 要在新窗口中打开链接,我需要更改什么 非常感谢 您必须使用窗口对象的打开方法,如下所示: google.maps.event.a
var marker = new google.maps.Marker({
position: new google.maps.LatLng(123, 123),
url: "http://www.google.com",
map: map
});
要在新窗口中打开链接,我需要更改什么
非常感谢 您必须使用
窗口
对象的打开
方法,如下所示:
google.maps.event.addListener(marker, 'click', function() {
window.open(marker.url);
});
窗口。打开(“http://www.w3schools.com");代码>
因此,您的代码如下所示:
google.maps.event.addListener(marker, 'click', function() {
window.open(marker.url);
});
请访问此处,了解open
方法和您可以设置的选项的概述。因此我使用了这种方法,但当我在循环中制作许多标记时,每个标记都有不同的URL,这是我需要采取的方法
var newLatlng = new google.maps.LatLng(row[0], row[1]);
var marker = new google.maps.Marker({
position: newLatlng,
map: map,
title: row[2],
url: row[3]
});
google.maps.event.addListener(marker, 'click', function() {
window.open('https://www.youtube.com/watch?v='+this.url);
});
请注意,该键在侦听器代码中使用了this.url
。如果我在侦听器代码中使用marker.url
,它将打开所有标记的最后一个url。谢谢!工作非常好!但当我点击时,地图失去了标记。。。为什么?米格尔不正常。发布你的代码以了解更多细节。我的意思是,当我点击“谷歌符号”时,它会进入该区域,但标记位置(又名图标)不在那里。