5

Tenho este seguinte código:

<script>
  function init() {
    var myLatlng = new google.maps.LatLng(34.04, -118.24);
    var myOptions = {
      zoom: 13,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map'), myOptions);

  }

  google.maps.event.addDomListener(window, 'load', init);
</script>

No qual gera esse este mapa abaixo em uma div qualquer. Eu circulei de vermelho alguns locais no qual não quero que apareça no mapa. Aliás, não gostaria que não mostrasse nenhum local no mapa, apenas o papa com ruas e rodovias:

inserir a descrição da imagem aqui

É possível remover todos os locais e pontos/paradas de ônibus do Google Maps? Se sim, qual seria a maneira mais viável de fazer isso?

1 Resposta 1

4

Para ocultar os pontos de interesse (POI's) do teu mapa, basta adicionar o seguinte estilo nas opções do mapa:

styles:[{
      "featureType": "poi",
      "stylers": [{
        "visibility": "off"
      }]
}]

Para ocultar as paradas de ônibus:

styles:[{
      "featureType": "transit.station.bus",
      "stylers": [{
        "visibility": "off"
      }]
}]

Acho interessante compartilhar também, um site que auxilia na customização do mapa: Mapstyle

Segue um JsFiddle com um exemplo utilizando o código apresentado na pergunta: JsFiddle

4
  • Não removeram os pontos/paradas de ônibus =/
    – viana
    7/07/2017 às 17:42
  • @acklay atualizei o fiddle na resposta, agora oculta paradas de ônibus também, nota que estações de metrô continuam visíveis.
    – Mathiasfc
    7/07/2017 às 17:59
  • @acklay eu realmente não sei se é uma "boa" maneira, mas aqui nessa resposta, tudo é ocultado, posteriormente somente as rodovias são exibidas.
    – Mathiasfc
    7/07/2017 às 18:02
  • Coloque o que está no JsFiddle na sua resposta.
    – viana
    7/07/2017 às 22:04

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 .