Como colocar un mapa dentro dunha web

google mapas nunha webSupoña que queremos colocar no post dun blog ou nunha páxina unha xanela de mapas de Google, cunha área específica e unha marca no centro con detalles. Ademais, un buscador na parte inferior.

O xeito máis sinxelo é abrir o mapa en Google Maps e elixir a opción "ligar o mapa en forma inserida" na que podes personalizar algúns parámetros. Isto non ocupa a API e faise a través do formulario "iframe".

A outra forma é utilizar a API, mediante un wizzard feito para AJAX, que permite crear o código dando poucos detalles:

1 Definir parámetros

google mapas nunha web

Neste caso, debemos definir o tamaño en píxeles da xanela que queremos mostrar, é preferible manter un que está dentro do ancho máximo do blog, como 400px

Entón tes que definir se queres un enfoque a nivel de cidade, rúa ou bloque.

Podes especificar os detalles que se esperan na marca, nome, URL e enderezo.

Ao premer o botón "previsualizar o centro do lugar" podes ver como se mostraría a xanela.

2 Activar dereitos de API

O seguinte é proporcionar os datos da web na que esperamos mostrar a xanela. Isto é para autorizar o noso número de API para ese sitio web ... e, polo tanto, manter-nos responsables por calquera infracción que poidamos estar facendo dos termos de Google.

google mapas nunha web

Normalmente, para adquirir unha API, accede a este sitio web e solicita un URL específico e logo solicita que entre na túa conta de Gmail e teña asignado un número e un código de exemplo. Se a sesión de gmail xa está aberta, o sistema asocia a conta.

3 Xera o código

google mapas nunha web

Ao presionar o botón "xerar código" crea o html necesario para inserilo no Blog. Para iso, a opción de código debe estar activada, pegarla e está lista, no caso de pegarla nunha rede diferente á que se autorizou a API, aparecerá unha mensaxe que o desautorizará.

E intelixente, debería estar ben. Ir a wizzard

Como API baseado en AJAX, algúns dos guións creados non funcionan moi ben nalgúns xestores de contidos, como o WordPress MU onde hai control sobre as funcionalidades pero, en xeral, debería funcionar ben.

Deixe un comentario

Enderezo de correo electrónico non será publicado.

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.