У меня есть небольшой div, отображающий карту google. При нажатии кнопки у меня расширяется панель div div - простой jQuery toggle.Изменить размер карты google в jQuery toggle div - проблема с отображением
Это прекрасно работает, но карта отображается некорректно, если вы переключились на большие размеры. Я использую
google.maps.event.addDomListener(window, 'resize', function()
и
var currCenter = map.getCenter();
, чтобы обеспечить контейнер размер и повторное центрирование карты, но по какой-то причине он не работает.
Это создает проблему серых блоков и не центрирует.
Вот код Google Maps я использую:
function initMap() {
var mapDiv = document.getElementById('map');
var map = new google.maps.Map(mapDiv, {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644)
});
//Get current center
var currCenter = map.getCenter();
//Use event listener for resize on window
google.maps.event.addDomListener(window, 'resize', function() {
//Set Center
map.setCenter(getCen);
});
Вот JSFiddle ссылку, чтобы увидеть то, что я получил до сих пор: https://jsfiddle.net/9ejvmn4q/
Совершенные веселит. Хорошо объяснил. – alexgomy