Я создал карту Google в своем проекте angular, я хочу изменить тип карты на HYBRID, как я могу это сделать. Я ознакомился с официальной документацией, но я не нахожу способ изменить вид карты. Я пробовал карты AGM, но сам веб-сайт не работает, не в чем проблема. Я хочу удалить всплывающую подсказку, как это сделать.
мой код:
Машинопись:
@ViewChild("mapContainer", { static: false }) gmap: ElementRef;
map: google.maps.Map;
lat = 40.73061;
lng = -73.935242;
markers = [
{
position: new google.maps.LatLng(40.73061, 73.935242),
map: this.map,
title: "Marker 1"
},
{
position: new google.maps.LatLng(32.06485, 34.763226),
map: this.map,
title: "Marker 2"
}
];
//Coordinates to set the center of the map
coordinates = new google.maps.LatLng(this.lat, this.lng);
mapOptions: google.maps.MapOptions = {
center: this.coordinates,
zoom: 8,
streetViewControl:false
};
//Default Marker
marker = new google.maps.Marker({
position: this.coordinates,
map: this.map,
title: '<div class="info-window">'+
'<h3>Info Window Content</h3>'+
'</div>'
});
ngAfterViewInit(): void {
this.mapInitializer();
}
mapInitializer(): void {
this.map = new google.maps.Map(this.gmap.nativeElement, this.mapOptions);
//Adding Click event to default marker
this.marker.addListener("click", () => {
const infoWindow = new google.maps.InfoWindow({
content: this.marker.getTitle()
});
infoWindow.open(this.marker.getMap(), this.marker);
});
//Adding default marker to map
this.marker.setMap(this.map);
//Adding other markers
this.loadAllMarkers();
}
loadAllMarkers(): void {
this.markers.forEach(markerInfo => {
//Creating a new marker object
const marker = new google.maps.Marker({
...markerInfo
});
//creating a new info window with markers info
const infoWindow = new google.maps.InfoWindow({
content: marker.getTitle()
});
//Add click event to open info window on marker
marker.addListener("click", () => {
infoWindow.open(marker.getMap(), marker);
});
//Adding marker to google map
marker.setMap(this.map);
});
}