Javascript 将URL添加到标记群集google map API中的映射标记
所以基本上我想做的是建立一个地图簇,一旦你点击簇并点击单独的地图标记,你就会链接到我网站上的另一个页面 这就是我目前所拥有的。但我似乎无法通过网址。。进入不同的标记Javascript 将URL添加到标记群集google map API中的映射标记,javascript,google-maps,google-maps-api-3,markerclusterer,Javascript,Google Maps,Google Maps Api 3,Markerclusterer,所以基本上我想做的是建立一个地图簇,一旦你点击簇并点击单独的地图标记,你就会链接到我网站上的另一个页面 这就是我目前所拥有的。但我似乎无法通过网址。。进入不同的标记 var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: {lat: -39.3642, lng: 164.0444318} }); // Add some markers to
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -39.3642, lng: 164.0444318}
});
// Add some markers to the map.
// Note: The code uses the JavaScript Array.prototype.map() method to
// create an array of markers based on a given "locations" array.
// The map() method here has nothing to do with the Google Maps API.
var markers = locations.map(function(location, i) {
return new google.maps.Marker({
position: location,
url: "http://travelpark.co.nz" //Will be different for each marker
});
});
// Add a marker clusterer to manage the markers.
var markerCluster = new MarkerClusterer(map, markers,
{imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}
var locations = [
{lat: -37.7862985, lng: 175.2773836},
{lat: -37.8011434, lng: 174.871265}
]
google.maps.event.addListener(markers, 'click', function() {
window.location.href = this.url;
});
底部的事件侦听器不工作。。我似乎无法理解这一点。任何帮助都将不胜感激将侦听器分配给每个标记对象,而不是数组。使用映射函数本身避免2个for循环:
var markers = locations.map(function(location, i) {
var marker = new google.maps.Marker({
position: location,
url: "http://travelpark.co.nz" //Will be different for each marker
});
google.maps.event.addListener(marker, 'click', function(){
window.location.href = this.url;
});
return marker;
});
您正在尝试将侦听器分配给数组。使用foreach分别指定给该数组中的每个标记对象。随时。如果它对您有帮助,请接受它作为ans。