Google Maps. маркер и всплывающее окно

@And82 · Регистрация: 15.01.2016

Author24 — интернет-сервис помощи студентам

на схеме нарисован план действий. при наведении мыши на маркер вылетает попап с инфой. Как только мышь отвидим - попап закрывается. Проблема в том, что если маркер находится на карте ближе к границе карты, то окошко открывается и его часть скрывается за рамкой (см схему, голубая часть не выводится).

Необходимо сделать так, что бы при наведении на маркер (если он у края карты), попап открывался полностью со смещением в нужную сторону (если маркер внизу, слева или справа, смещение в противоположную сторону соответственно)

Нужно придумывать велосипед или можно уже где-то скопипастить код? На худой конец, дайте ссыль где почитать можно, хоть как-то начать.

@And82 · 24.01.2017, 19:11 **[ТС]**

вот отрезок, где создаётся всплывающее окно

Javascript

var theInfoBoxDiv = {
        content: boxText,
        closeBoxMargin: "10px",
        disableAutoPan: false,
        pixelOffset: new google.maps.Size(130, 120)
        position:.................... ;
 
var markerPos = marker.getPosition();
    };

как я понял, необходимо обозначить position относительно рамки карты (или markerPos) ?

или

pixelOffset: new google.maps.Size(130, 120) в параметрах указать условие относительно markerPos ?

вот тут что-то нашёл, но слишком много одинакового текста, может кто быстрее додумается

https://developers.google.com/... dowOptions

Добавлено через 2 часа 9 минут
Вот код при наведении курсора на маркер:

Javascript

google.maps.event.addListener(marker, 'mouseover', function() {
        var markerPos = marker.getPosition();
        if (infoBoxIsOpened == false) {
            if (map.getStreetView().getVisible()) {
                infoBox.open(map.getStreetView(), marker);
            } else {
                markerPos = adjustTooltipPosition(markerPos, 175);
                infoBox.setPosition(markerPos);
                infoBox.open(map, marker);
            }
        }
    });

@And82 · 17.02.2017, 11:57 **[ТС]**

UPD

по ссылке пример того , что мне нужно. Покажите там код, за счёт которого карта передвигается. Пока не могу догнать. Вроде и кода-то на 3 строчки, но пробую, а карта не двигается
Документация Гугл

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
		1
	Google Maps. маркер и всплывающее окно 24.01.2017, 12:27. Показов 3978. Ответов 2 Метки нет (Все метки) на схеме нарисован план действий. при наведении мыши на маркер вылетает попап с инфой. Как только мышь отвидим - попап закрывается. Проблема в том, что если маркер находится на карте ближе к границе карты, то окошко открывается и его часть скрывается за рамкой (см схему, голубая часть не выводится). Необходимо сделать так, что бы при наведении на маркер (если он у края карты), попап открывался полностью со смещением в нужную сторону (если маркер внизу, слева или справа, смещение в противоположную сторону соответственно) Нужно придумывать велосипед или можно уже где-то скопипастить код? На худой конец, дайте ссыль где почитать можно, хоть как-то начать. Миниатюры 0

@And82 6 / 6 / 5 Регистрация: 15.01.2016 Сообщений: 220
	17.02.2017, 11:57 [ТС]	3
	UPD по ссылке пример того , что мне нужно. Покажите там код, за счёт которого карта передвигается. Пока не могу догнать. Вроде и кода-то на 3 строчки, но пробую, а карта не двигается Документация Гугл 0

Google Maps. маркер и всплывающее окно

Решение