как изменить идентификатор типа карты в Google Maps и как удалить подсказку - PullRequest
0 голосов
/ 24 апреля 2020

Я создал карту 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);
 });
}

enter image description here

Ответы [ 2 ]

0 голосов
/ 24 апреля 2020
 this.map.setMapTypeId(GoogleMapsMapTypeId['HYBRID']);

Ссылочная ссылка

0 голосов
/ 24 апреля 2020

Вы можете указать mapType по умолчанию в настройках карты, используя перечисление google.maps.MapTypeId.

mapOptions: google.maps.MapOptions = {
  center: this.coordinates,
  zoom: 8,
  streetViewControl:false,
  mapTypeId:google.maps.MapTypeId.HYBRID
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...