Используйте маркеры, чтобы привлечь внимание пользователя к месту на карте. В этом руководстве показано, как использовать и настраивать маркеры на 3D-картах. Вы можете управлять формой, размером и цветом маркеров, а также высотой, на которой они появляются.
Используйте маркеры, чтобы показывать местоположения на картах. В приведенном выше примере показан базовый одиночный маркер без каких-либо настроек.
Настройте цвет, масштаб и изображение значка
Настройте фон, глиф, цвет и размер маркера по умолчанию.
Замените значок маркера по умолчанию на собственный ресурс SVG.
Установить высоту маркера
Вы можете установить высоту маркера, вытянув маркер и установив высоту.
Заставьте маркеры реагировать на нажатия клавиш и события клавиатуры.
Заставьте маркер реагировать на щелчки и события клавиатуры, добавив прослушиватель событий click .
function initMap() {
const map = new Map3DElement({
center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
tilt: 67.5,
range: 45000,
mode: MapMode.HYBRID
});
const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
map,
position: {lat: 37.4239163, lng: -122.0947209},
});
interactiveMarker.addEventListener('gmp-click', (event) => {
// Handle the click event.
// ...
});
}
Установить поведение столкновения маркеров
Укажите, как должен вести себя маркер при столкновении с другим маркером или меткой карты.
const marker = new Marker3DElement({
position: {lat, lng},
collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});