У меня есть карта с маркерами с markerClusterer.Google Maps: полный экран + fitBounds не подходит для границ
Все работает нормально в обычном режиме, но в полноэкранном режиме щелчок на кластере запускает «fitBounds», а масштаб не изменяется корректно (уменьшение масштаба происходит вместо увеличения).
Код:
var mapOptions = {
zoom: 17,
minZoom: 4,
maxZoom: 20,
center: {lat: 0, lng: 0},
fullscreenControl: true
}
var mcOptions = {
gridSize: 20,
styles: clusterStyles,
maxZoom: 20
};
var bounds = new google.maps.LatLngBounds();
function initialize(itensJSON){
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
$.each(itensJSON, function (i, item) {
var marker = new google.maps.Marker({
position: item.location,
id: item.id
});
markers.push(marker);
bounds.extend(marker.getPosition());
});
map.fitBounds(bounds);
markerClusterer = new MarkerClusterer(map, markers, mcOptions);
}
HTML:
<div id="map_container" style="position: absolute; width: 100%; height: 80%;">
<div id="map" style="width: 100%; height: 100%">
</div>
</div>
Уменьшить происходит вместо увеличения в, когда запускает fitbounds в 'triggerClusterClick' из markerclusterer.js:
ClusterIcon.prototype.triggerClusterClick = function(event) {
var markerClusterer = this.cluster_.getMarkerClusterer();
// Trigger the clusterclick event.
google.maps.event.trigger(markerClusterer, 'clusterclick', this.cluster_, event);
if (markerClusterer.isZoomOnClick()) {
// Zoom into the cluster.
this.map_.fitBounds(this.cluster_.getBounds());
}
};
Кто-нибудь знает, что происходит?
PS: переход на полный экран сделан с «fullscreenControl» (включен в опции карты)
образца с проблемой: fiddle
Просьба предоставить [mcve], который демонстрирует проблему. – geocodezip