0

Estou usando o Google Maps e gostaria de tirar todas as outras opções (restaurantes, igrejas, escolas, postos, etc,) e deixar apenas o os meus marcadores

Atualmente inicio o mapa assim:

function initMap( lat, lng, nome, lojas  ) {
        var myLatLng = {lat, lng};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 16,
          center: myLatLng
        });

        var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: nome
        });
     }

inserir a descrição da imagem aqui

1 Resposta 1

1

Tenta adicionar isso:

var styles = {
    default: null,
    hide: [
      {
        featureType: 'poi.business',
        stylers: [{visibility: 'off'}]
      },
      {
        featureType: 'transit',
        elementType: 'labels.icon',
        stylers: [{visibility: 'off'}]
      }
    ]
  }; //Aqui você define o estilo na qual os ícones ficam invisíveis

map.setOptions({styles: styles['default']}); //Aqui você aplica o estilo ao seu mapa

Retirado da própria documentação do Google: https://developers.google.com/maps/documentation/javascript/examples/hiding-features

No seu código ficaria assim:

var styles = {
        default: null,
        hide: [
            {
            featureType: 'poi.business',
            stylers: [{visibility: 'off'}]
        },
        {
        featureType: 'transit',
        elementType: 'labels.icon',
        stylers: [{visibility: 'off'}]
      }
    ]
  }; 

function initMap( lat, lng, nome, lojas  ) {
    var myLatLng = {lat, lng};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 16,
      center: myLatLng
    });

  map.setOptions({styles: styles['hide']});

    var marker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      title: nome
    });
 }

Acesse todas os featureType no link a seguir: https://developers.google.com/maps/documentation/javascript/style-reference#style-features

4
  • No caso eu troquei 'default' para 'hide' map.setOptions({styles: styles['hide']}); 2/08/2019 às 16:44
  • Você onde eu encontro essa lista? Tipo a featureType: 'poi.business', ? 2/08/2019 às 16:49
  • 1
    @adventistaam olha no fim da pergunta, editei ;) 2/08/2019 às 17:04
  • Excelente! Muito obrigado! 2/08/2019 às 17:31

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .