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

Question

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

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

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

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

Answer 1

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

Answer 2

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

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

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

Answer 3

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

Пузырьковые Шаблоны Google Maps

Answer 4

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

Answer 5

Видишь это в качестве базового класса для последней версии Google Maps API (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);