С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/21: Рейтинг темы: голосов - 21, средняя оценка - 4.71
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220

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

24.01.2017, 12:27. Показов 4141. Ответов 2
Метки нет (Все метки)

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

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

Нужно придумывать велосипед или можно уже где-то скопипастить код? На худой конец, дайте ссыль где почитать можно, хоть как-то начать.
Миниатюры
Google Maps. маркер и всплывающее окно  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.01.2017, 12:27
Ответы с готовыми решениями:

Как поставить маркер в Google maps
Вывожу через webView гугл карту, нужно что бы при клике на карту появлялся маркер и записывались координаты этой точки, как это сделать?

Не ставится маркер места на google.maps
Здравствуйте, помогите начинающему верстальщику. Две проблемы по сайту: http://searchwork-nik.myjino.ru/pink 1. В IE (10-11 и выше)...

Сообщить что рядом маркер google maps
Как можно узнать что я рядом нахожусь с маркером google maps и сообщить об этом? Может есть готовые примеры.

2
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220
24.01.2017, 19:11  [ТС]
Лучший ответ Сообщение было отмечено And82 как решение

Решение

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

JavaScript
1
2
3
4
5
6
7
8
9
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
1
2
3
4
5
6
7
8
9
10
11
12
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);
            }
        }
    });
0
6 / 6 / 5
Регистрация: 15.01.2016
Сообщений: 220
17.02.2017, 11:57  [ТС]
UPD

по ссылке пример того , что мне нужно. Покажите там код, за счёт которого карта передвигается. Пока не могу догнать. Вроде и кода-то на 3 строчки, но пробую, а карта не двигается
Документация Гугл
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.02.2017, 11:57
Помогаю со студенческими работами здесь

В маркер гугл maps v2 передать id
а как в маркер можно передать кроме этих параметров: final LatLng MELBOURNE = new LatLng(53.9999,27.577777); Marker melbourne =...

Как подключить географические карты типа Google Maps или Open street maps в своё приложение
Всем доброго времени суток. Вопрос такой: как подключить географические карты типа Google Maps или Open street maps в своё приложение?...

Google сделала браузерную версию Google Maps трехмерной
Интернет-гигант Google вчера представил обновление для сервиса Google Maps. Компания показала новую трехмерную функцию Earth View, которая...

Google Maps 2. Ограничение на количество запросов к google
Google накладывает ограничение на количество запросов в день к Google Maps (2500 в день на ключ). Скажите, как можно узнать, какое кол-во...

маркер google
возможноли сделать что бы функция var markers = ; for (var i = 0; i < 1; i++) { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru