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

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

24.01.2017, 12:27. Показов 4197. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru