Personalizando um mapa do google que é encaixada com um iframe
-
06-09-2019 - |
Pergunta
Então, eu tenho estado a olhar para o Google Maps e eles têm a característica de "fazer" seu próprio mapa e adicionando marcadores e coisas dessa natureza através de sua própria interface. A maneira como eles se você incorporá-lo em seu Web site é através do uso de um iframe.
Eu tenho lido a documentação para o Google Maps e os exemplos mostrados são quando o mapa é criado no carregamento da página usando pela entrada estática ou dinamicamente construído utilizando um banco de dados. Esta é a documentação que estou olhando agora ... Documentação
Então o que eu estou querendo saber é se existe uma maneira de personalizar o mapa construído usando a interface do Google, da mesma forma como construí-la em cima de carregamento da página?
Levi
edit: Da leitura mais sobre o assunto, cheguei à conclusão de que existem basicamente duas versões do Google Maps? Uma para desenvolvedores e uma para alguém que só quer um mapa e não se importa como ele olha ou como ele é feito? Alguém pode confirmar isso?
Solução
Isso é correto. Um mapa de iframe é apenas um link para o seu mapa em maps.google.com. Se você quiser ter mais controle sobre o mapa, você precisa criá-lo com a API
Outras dicas
Eu sei que este é um post antigo, mas tenho certeza que ele ainda está recebendo um monte de pontos de vista.
Se você não quer se preocupar com os scripts de API e só quero ir realmente básico você pode colocar o estilo iframe google map dentro de uma div, em seguida, fazer um pai para esse div com overflow: hidden. Você pode então usar o seu tamanho em relação ao tamanho e as margens da criança segurando o iframe para controlar quais partes do mapa as pessoas podem visualizar ou seja: canto superior direito e controles esquerda, info inferior, escala, etc.
Se você não quiser totalmente estilo um mapa através da API e precisa de uma solução eficaz rápida não é uma rota terrível.