gpt4 book ai didi

google-maps - 强制信息窗口而不是缩放单击并更改图标

转载 作者:行者123 更新时间:2023-12-04 16:19:58 25 4
gpt4 key购买 nike

我正在使用 MarkerClusterer对标记进行分组,我有 2 个问题:

  1. 我应该怎么做才能防止点击缩放并显示信息窗口,就像您单击标记时一样?
  2. 有什么方法可以更改集群的图标吗?标记?我不想将类似地震的图标用作我的标记的组图标。

提前致谢。

编辑

var marker;
var gm_map;
var markerArray = [];
var address = 'Sweden';
var geocoder = new google.maps.Geocoder();

geocoder.geocode({ 'address': address }, function(results, status) {
if(status == google.maps.GeocoderStatus.OK) {
gm_map.setCenter(results[0].geometry.location);
gm_map.fitBounds(results[0].geometry.bounds);
} else {
alert("Kunde inte genomföra den geologiska inställningen på grund av följande fel:\n\n" + status);
}
});



function initialize() {
var marker, i;

var locations = [["content", 59.328626, 13.485686, 1]];


var options_googlemaps = {
minZoom: 4,
maxZoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false
}

gm_map = new google.maps.Map(document.getElementById('google-maps'), options_googlemaps);


var options_markerclusterer = {
gridSize: 20,
maxZoom: 18
};

var markerCluster = new MarkerClusterer(gm_map, [], options_markerclusterer, {zoomOnClick: false});
google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
alert('center of cluster: '+cluster.getCenter());
});



for(i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: gm_map
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
$('#toggle-photolist').fadeIn();
$('#close-overlay').fadeIn();
$('#list-photos').html(locations[i][0]);
}
})(marker, i));

markerArray.push(marker);
markerCluster.addMarkers(markerArray, true);
}
}



$(document).ready(function() {

// INITIERA GOOGLE MAPS
initialize();

});

工作 zoomOnClick

var options_markerclusterer = {
gridSize: 20,
maxZoom: 18,
zoomOnClick: false
};

var markerCluster = new MarkerClusterer(gm_map, [], options_markerclusterer);

最佳答案

重新 1:

var markerCluster = new MarkerClusterer(map, markers ,{zoomOnClick: false});
google.maps.event.addListener(markerCluster,'clusterclick',
function(cluster){
alert('center of cluster: '+cluster.getCenter())
});

可以在此处找到集群的详细信息(您可以从中获取哪些信息): https://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/markerclusterer/src/markerclusterer.js#801

您可以简单地在回调中显示一个中心设置为 cluster.getCenter() 的 infoWidow,一切就绪。

re2:检查这个带有更改图标的示例:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/advanced_example.html

HTH

关于google-maps - 强制信息窗口而不是缩放单击并更改图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13213849/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com