Google Maps: Как добавить элементы HTML к определенным координатам?
Я хотел бы знать, как и могу ли я добавить стандартные элементы HTML (отделение, кнопка) к определенному набору координат на карте?
Например, у меня есть ряд координат, и я хотел бы присоединить пользовательское уведомление о воздушном шаре им
и когда я панорамирую далеко от координат, элемент должен исчезнуть и когда я панорамирую назад им, элемент должен вновь появиться.
Действительно ли возможно сделать это с Google Maps?
5 ответов
Вы можете использовать пользовательские оверлелы - https://developers.google.com/maps/documentation/javascript/ CustomPerlays для этого
Если вы хотите сделать пользовательский шарик, см. этот вопрос:
Как сказал Роман, вы можете создать пользовательский объект javascript, который реализует GOverlay.
Вот пример из другого вопроса S.O., где парень хотел вставить SVG поверх карты Google. Однако я уверен, что вы могли бы использовать его решение, чтобы просто вставить HTML.
То, на что вы хотите посмотреть, - это функция OpenINFOWINDOWHTML . Сначала вам нужно будет добавить маркер на карту. Проверьте в этом примере в Google для хорошего примера этого, в сочетании с функцией Nifty Maximize.
См. this как базовый класс для последней версии 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);