Предотвращение Перемещения Карт Google После Отображения Infowindow

в вашей декларации для установки параметров информационного окна infowindow.setOptions, добавьте следующую опцию, чтобы отключить панорамирование карты при отображении infowindow,disableAutoPan : true.

однако это также будет означать, что вам нужно будет рассчитать недвижимость, которую вы имеете в распоряжении, чтобы отобразить infowindow на вашей карте и дать ему позицию с помощью . В противном случае не будет гарантировано, что ваше infowindow будет полностью видимым на карта.

https://developers.google.com/maps/documentation/javascript/reference#InfoWindowOptions

EDIT:Как рассчитать экран недвижимости

Я понимаю, что я был довольно расплывчатым с моим предложением рассчитать экранную недвижимость, доступную для установки позиции вашего infowindow, когда часть вашего вопроса заключалась в том, чтобы фактически установить позицию infowindow. Так что я обновление моего ответа на как вы можете рассчитать экран недвижимости и настроить положение вашего infowindow.

ключ состоит в том, чтобы сначала преобразовать ваши точки из LatLng в пиксели и узнать пиксельную координату маркера на карте по отношению к пиксельной координате центра карты. Следующий фрагмент демонстрирует, как это можно сделать.

getPixelFromLatLng: function (latLng) {
    var projection = this.map.getProjection();
    //refer to the google.maps.Projection object in the Maps API reference
    var point = projection.fromLatLngToPoint(latLng);
    return point;
}

как только вы получите свои пиксельные координаты, вам нужно будет узнать, какой квадрант карты canvas маркер в настоящее время проживающего в. Это достигается путем сравнения координат X и Y маркера с картой, например:

quadrant += (point.y > center.y) ? "b" : "t";
quadrant += (point.x < center.x) ? "l" : "r";

здесь я определяю, находится ли точка в нижнем правом, нижнем левом, верхнем правом или верхнем левом квадранте карты на основе ее относительного положения к центру карты. Имейте в виду, что именно поэтому мы используем пиксели в отличие от значений LatLng, потому что значения LatLng всегда будут давать один и тот же результат - но реальность такова, что маркер может быть в любом квадранте холста карты в зависимости от сдвига.

как только вы узнаете, в каком квадранте находится маркер, вы можете дать значения смещения infowindow, чтобы расположить его так, чтобы он был виден на карте-например:

if (quadrant == "tr") {
    offset = new google.maps.Size(-70, 185);
} else if (quadrant == "tl") {
    offset = new google.maps.Size(70, 185);
} else if (quadrant == "br") {
    offset = new google.maps.Size(-70, 20);
} else if (quadrant == "bl") {
    offset = new google.maps.Size(70, 20);
}
//these values are subject to change based on map canvas size, infowindow size

как только значение смещения определено, вы можете просто настроить pixelOffset вашего infowindow на любом слушателе, которого вы вызываете infoWindow.open() метод. Это делается с помощью setOptions() метод infowindows:

infowindow.setOptions({pixelOffset : self.getInfowindowOffset(self.map, marker)}); 

вот работает JSFiddle пример решения, описанного выше.

Примечание: вы заметите раздражающую "стрелку" на infowindow, отображающую desbite положение вашего infowindow, это часть настройки карты Google по умолчанию для infowindows, и я не мог найти правильный способ избавиться от него. Было предложение здесь, но я не мог заставить его работать. В качестве альтернативы вы можете использовать библиотека infobox или infobubble библиотека - что дает вам больше вариантов стиля.