Com afegir rutes de Google al vostre lloc

Com a expert en TI, us mostraré com afegir Google Routes al vostre lloc web. Això permetrà als vostres visitants obtenir indicacions fins a la vostra ubicació des d'on siguin. Primer, haureu de crear una clau de l'API de Google Maps. Podeu fer-ho si aneu a Google Developers Console i creeu un projecte nou. Un cop hàgiu creat un projecte, feu clic a l'enllaç 'Activa i gestiona les API' i, a continuació, cerca l'API 'Maps Embed' i activa-la. A continuació, haureu d'obtenir el codi del giny de Google Routes. Podeu trobar aquest codi si aneu a la pàgina de l'API d'inserció de Google Maps i seleccioneu el botó 'Obtén el codi'. Copieu el codi i enganxeu-lo a l'HTML del vostre lloc web. Finalment, haureu d'afegir el codi següent al vostre lloc web per mostrar el giny: Substituïu 'YOUR_API_KEY' per la clau de l'API que vau crear anteriorment i 'El vostre + Destinació' per l'adreça de la vostra ubicació. Deseu els vostres canvis i ja està! Els vostres visitants ara podran obtenir indicacions per arribar a la vostra ubicació des de qualsevol part del món.

Si vols saber com afegir indicacions de conducció de Google al vostre lloc web aleshores llegiu aquest post. Google Maps és el més popular Servei de mapes digitals A tot el món. Utilitza informació de trànsit en temps real per trobar la millor ruta cap a una destinació determinada. Inserir un mapa de Google al vostre bloc o lloc web ajuda els vostres visitants a veure la vostra ubicació en un mapa del món, veure la vostra adreça i llegir comentaris (si n'hi ha). Tot i que podeu inserir fàcilment un mapa al vostre lloc web mitjançant el generador de codi d'inserció exclusiu de Google Maps, no podeu utilitzar aquest mapa com a eina de navegació per ajudar els vostres visitants a trobar el camí cap a la vostra ubicació. En aquesta publicació, us mostrarem com utilitzar Google Maps per mostrar les indicacions per conduir als vostres visitants.

Veurem els 2 mètodes següents mitjançant els quals podeu afegiu indicacions de conducció de Google al vostre lloc web :

Inseriu un mapa de Google estàtic i utilitzeu el formulari html per mostrar la ruta del mapa
Utilitzeu el generador de mapes iFrame

Vegem aquests mètodes en detall.

1] Inseriu un mapa de Google estàtic i utilitzeu un formulari HTML per mostrar la ruta del mapa.

Aquest mètode inclou 2 passos. Pas 1 - Incrustació estàtica Mapa de Google que indica la vostra ubicació exacta. El pas 2 és afegir un formulari HTML que accepta la ubicació de l'usuari i genera un mapa de ruta per a ells a Google Maps. Vegem com es pot fer això.

A] Insereix el mapa de Google al teu lloc web

Inicieu el vostre navegador.
obert Google Maps en una nova pestanya del navegador.
Introduïu la vostra adreça a la barra de cerca de Google Maps a l'extrem superior esquerre.
Seleccioneu una ubicació de la llista de resultats que apareixen.
Nota: Si no trobeu la vostra adreça, feu zoom a Google Maps per fer-ne un seguiment. Podeu utilitzar les panoràmiques de Street View de Google Maps per marcar la vostra ubicació en un mapa. Un cop el trobeu, podeu introduir els detalls de la vostra adreça correcta mitjançant les opcions 'Afegeix una ubicació que falta' o 'Afegeix la teva empresa' i, a continuació, enviar la teva ubicació a Google per a la verificació. S'afegirà a les poques hores després de la presentació de la sol·licitud.
Quan aparegui Google Maps per indicar la vostra ubicació exacta, feu clic a la icona Compartir icona.
Canviar a Insereix un mapa pestanya
Premeu Copia HTML enllaç per copiar el codi del mapa al porta-retalls. Podeu decidir el gran o el petit que voleu que aparegui el mapa al vostre lloc web escollint una mida predefinida (petita, mitjana, gran) o introduint una mida personalitzada.
A continuació, aneu al tauler d'administració del vostre lloc.
Obriu la pàgina web on voleu incrustar el mapa.
Canvia a la vista de l'editor de codi.
Enganxeu el codi.
Sortiu de l'editor de codi. Podreu veure una vista prèvia de Google Maps.

B] Utilitzeu un formulari HTML per crear una ruta de navegació a Google Maps.

Torna a la vista de l'editor de codi.
Afegiu el codi que es mostra a la imatge següent sota el codi de Google Map:
Substituïu el valor de l'adreça de destinació ressaltat a la imatge per l'adreça de la vostra ubicació.
Sortiu de la vista de l'editor de codi.
Previsualitza el codi i comprova si funciona afegint una adreça al camp 'Introdueix una adreça' i fent clic al botó Mostra'm la direcció a seguir botó.
Els passos anteriors haurien de ser mostrar la ruta des de l'adreça introduïda fins a la vostra ubicació a Google Maps.
Si tot està bé, llavors pots Publicar el codi.

2] Utilitzeu el generador de mapes iFrame

Inicieu el vostre navegador.
obert Generador de mapes HTML gratuït en una nova pestanya del navegador.
Introduïu la vostra adreça Introduïu la vostra adreça camp de cerca al panell esquerre.
La vostra ubicació es mostrarà a Google Maps a la part dreta de la pantalla. Podeu definir el tipus de mapa, la distància de zoom, l'amplada o l'alçada. També podeu fer que el mapa respongui fent clic al botó de commutació que hi ha al costat Feu que el mapa respongui opció.
Fer clic a Genera codi HTML botó de sota.
Apareixerà el codi. Premeu Copia el codi al porta-retalls botó.
Inicieu sessió al tauler d'administració del vostre lloc.
Obriu la pàgina on voleu col·locar el mapa.
Canvia a la vista de l'editor de codi.
Enganxeu el codi.
Sortiu de l'editor de codi.
Fer clic a Vista prèvia botó. Apareixerà la vista prèvia del mapa.
Fer clic a Indicacions icona.
Google Maps s'obrirà amb la vostra adreça emplenada prèviament com a destinació.
Introduïu l'adreça inicial. També pots utilitzar La teva localització opció per permetre que Google Maps utilitzi la vostra ubicació actual.
Apareixerà el mapa de la ruta.
Si tot funciona bé, Publicar pàgina.

D'aquesta manera, els vostres visitants poden veure la vostra ubicació a Google Maps incrustat al vostre lloc web i trobar indicacions des de la seva ubicació a la vostra. Espero que aquesta publicació us sigui útil. Feu-nos-ho saber als comentaris si teniu cap pregunta.

Llegeix també: Les millors alternatives de Google Maps per a l'ús diari.

Puc afegir Google Maps al meu lloc web?

Sí, podeu afegir Google Maps al vostre lloc web o bloc. utilitzant el Google Embed Code Generator o el Google HTML Map Generator gratuït. . Ambdues opcions us permeten incrustar un mapa de Google que assenyala la vostra adreça amb una bola vermella, tot i que hi ha una lleugera diferència entre les dues. Mentre que el primer us permet incrustar un mapa estàtic que permet als vostres visitants veure la vostra ubicació exacta, punts d'interès propers, etc., el segon ofereix Indicacions una funció que crea un mapa de ruta complet que poden utilitzar per trobar indicacions per arribar a la vostra ubicació. Segons les vostres necessitats, podeu utilitzar qualsevol d'aquestes opcions per afegir Google Maps al vostre lloc web o bloc.

Com puc obtenir el codi d'inserció de Google Maps?

Obtenir el codi d'inserció de Google Maps és bastant fàcil. Només cal que obriu Google Maps en una pestanya nova a la finestra del vostre navegador i introduïu la vostra adreça a la barra de cerca disponible. Quan Maps seleccioneu i mostri la vostra adreça, feu clic a la icona Compartir icona. A la finestra Compartir, feu clic al botó Insereix un mapa pestanya A continuació, feu clic a Copia HTML l'enllaç es mostra a la cantonada superior dreta. Això és tot! També podeu fer clic al menú (icona d'hamburguesa) de Google Maps i fer clic a la icona Comparteix o incrusta un mapa opció. Una altra manera d'obtenir aquest codi és mitjançant el Free HTML Maps Generator (Maps iFrame Generator) tal com es descriu al mètode 2 de la publicació anterior.

Llegeix més: Els millors consells i trucs de Google Maps per convertir-te en un professional.