Карты Google: как добавить элементы HTML к определенным координатам?

Question

Я хотел бы знать, как и если я могу добавить стандартные элементы HTML (div, button) к определенному набору координат на карте?

Например, у меня есть набор координат, и я хотел бы прикрепить к ним пользовательское уведомление о воздушном шаре

и когда я поворачиваюсь от координат, элемент должен исчезнуть, а когда я поворачиваюсь к ним, элемент должен появиться снова.

Возможно ли это сделать с помощью Google Maps?

Answer 1

вы можете использовать пользовательские оверлеи - https://developers.google.com/maps/documentation/javascript/customoverlays для этого

Answer 2

Как сказал Роман, вы можете создать собственный объект javascript, который реализует GOverlay .

Вот пример из другого С.О. Вопрос, где парень хотел вставить SVG поверх карты Google. Однако я уверен, что вы могли бы использовать его решение, чтобы просто вставить HTML.

Как мне наложить SVG-диаграммы на Google Maps?

Answer 3

Если вы хотите сделать собственный воздушный шар, посмотрите этот вопрос:

Шаблоны Google Maps Bubble

Answer 4

См. это в качестве базового класса для последней версии API Карт Google (v3):

Использование:

var rectBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(54.478490, 18.550357),
    new google.maps.LatLng(54.478434, 18.551952)
);
var obj = new overlayText(rectBounds, 'Some<br />HTML', objGMap3);

Answer 5

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