Como colocar un mapa dentro dunha web
Supoñamos que queremos colocar nunha publicación de blog ou nunha páxina unha xanela de Google Maps, cunha área específica e unha marca no centro con detalles. Ademais, un motor de busca na parte inferior.
O xeito máis sinxelo é abrir o mapa en Google Maps e escoller a opción "vincular o mapa de forma incrustada" na que podes personalizar algúns parámetros. Isto é libre de API e faise usando o formulario "iframe".
O outro xeito é usar a API, a través dun wizzard feito para AJAX, que permite crear o código dando poucos detalles:
1 Definir parámetros
Neste caso, debemos definir o tamaño en píxeles da xanela que queremos mostrar, é preferible manter unha que estea dentro do ancho máximo da publicación do blog, como 400px
Entón tes que definir se queres un enfoque a nivel de cidade, rúa ou bloque.
Pode especificar os detalles que se esperan na marca, nome, URL e enderezo.
Premendo o botón "vista do centro de vista previa" pode ver como se amosarí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, facernos responsables de calquera violación que poidamos facer dos termos de Google.
Normalmente, para adquirir unha API, entra neste sitio web e solicita un URL específico, despois solicita ingresar a súa conta de Gmail e asígnaselle un número e un código de exemplo. Se a sesión de Gmail xa está aberta, o sistema asocia a conta.
3 Xerar código
Ao premer o botón "xerar código" créase o html necesario para inserilo só no Blog. Para iso, hai que activar a opción de código, pegala e xa está lista, en caso de pegala noutro sitio web ao que se autorizou a API, aparecerá unha mensaxe que a desautora.
E listo, debería quedar ben. Ir a wizzard
Como é unha API baseada en AJAX, algúns dos scripts creados non funcionan moi ben nalgúns xestores de contidos, como Wordpress MU, onde hai control sobre as funcionalidades, pero en xeral debería funcionar ben.