TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Come aggiungere Google Maps in Weebly?

28

Le mappe vengono utilizzate per mostrare l’indirizzo della tua attività sul tuo sito web in modo reale invece del semplice indirizzo di testo. Gli utenti possono ingrandire e visualizzare l’indirizzo in tempo reale e anche navigare su Google Maps per trovare le indicazioni stradali o lasciare una recensione.

Correlati: Come utilizzare Google Maps nel sito WordPress.

Weebly ti consente di aggiungere mappe al tuo sito nei seguenti modi:

  • Utilizzo dell’elemento Mappa predefinito
  • Utilizzo dell’elemento Codice di incorporamento
  • Aggiungi mappe da siti Web di terze parti

Discuteremo entrambe le opzioni in dettaglio nelle sezioni seguenti.

Aggiungi Google Maps in Weebly usando Map Element

L’elemento della mappa nell’editor del sito Weebly aiuta ad aggiungere mappe di Google sul tuo sito e personalizzare l’indirizzo, le dimensioni, il creatore, ecc. Puoi semplicemente trascinare e rilasciare l’elemento "Mappa" e la mappa di Google verrà aggiunta automaticamente alla pagina.

Come aggiungere Google Maps in Weebly?

Elemento mappa Weebly

Fare clic sulla mappa per visualizzare le seguenti opzioni di personalizzazione:

  • Indirizzo: inserisci la città per focalizzare l’indicatore su quel punto sulla mappa.
  • Zoom: imposta il limite di zoom trascinando il dispositivo di scorrimento al livello richiesto.
  • Larghezza e altezza: imposta la larghezza e l’altezza della mappa per adattarla al layout della pagina. Lascia la larghezza su "Auto" per una mappa reattiva che si allinea automaticamente per adattarsi alla larghezza del browser.
  • Posizione: imposta l’allineamento a sinistra, a destra o al centro della mappa.
  • Spaziatura: imposta i margini superiore e inferiore per lasciare spazio tra altri elementi e mappare su una pagina.
  • Posizione avanzata: se l’indirizzo non è preciso, puoi inserire le coordinate esatte di latitudine e longitudine per posizionare l’indicatore sul luogo preciso.
  • Visualizzazione avanzata: puoi mostrare o nascondere l’indicatore all’indirizzo, ridimensionare sulla mappa, mappa panoramica e controllo della mappa.

Puoi scegliere una delle seguenti opzioni per la funzione panoramica sotto il controllo della mappa:

  • Ampio controllo panoramica e zoom
  • Piccolo controllo dello zoom e della panoramica
  • Solo controllo zoom piccolo
  • Nessuno

Nella maggior parte delle situazioni la mappa predefinita è sufficiente e consigliamo di utilizzarla in quanto fa parte dell’interfaccia dell’editor Weebly.

Incorporamento o collegamento di Google Map

L’elemento mappa di Weebly offre opzioni limitate e non consente di incorporare la ricerca della direzione o la mappa di Street View. Se stai cercando una mappa con più opzioni, segui le istruzioni seguenti:

  • Vai al sito di Google Maps.
  • Cerca e trova l’indirizzo.
  • Se vuoi, aggiungi le indicazioni stradali tra il tuo indirizzo e un luogo specifico.
  • Fare clic sull’icona del menu di navigazione situata nell’angolo in alto a sinistra.
  • Scegli l’opzione "Condividi o incorpora mappa" come mostrato di seguito:

Come aggiungere Google Maps in Weebly?

Incorporare Google Maps

  • Scegli la dimensione della tua mappa nella scheda "Incorpora mappa".
  • Copia il codice iframe.

Come aggiungere Google Maps in Weebly?

Incorpora Google Map con le indicazioni stradali

  • Vai al tuo sito Weebly e incolla il codice di Google maps all’interno di un elemento " Embed Code ".

L’aggiunta di Google map ridurrà considerevolmente la velocità della pagina poiché chiamerà l’API di Google per caricare la mappa. Quindi, invece di aggiungere una mappa in tempo reale, puoi semplicemente collegarti alla posizione del tuo indirizzo sulla mappa di Google. Nel processo sopra, invece di andare alla scheda "Incorpora mappa", fai clic sulla scheda "Condividi collegamento". Copia il collegamento e puoi creare un collegamento ipertestuale su Weebly con qualsiasi testo di ancoraggio o immagine.

Come aggiungere Google Maps in Weebly?

Condivisione della posizione di Google Maps

Cliccando sul link si aprirà il sito di Google maps con la ricerca delle indicazioni stradali.

Incorporamento di Google Maps da siti Web di terze parti

Ci sono anche molte offerte di terze parti API di Google Maps con una migliore visualizzazione sul sito. Ad esempio, puoi andare a incorporare il sito di Google Maps e fornire opzioni come indirizzo, tipo di mappa, dimensioni e zoom per generare rapidamente il codice di incorporamento. Incolla il codice di incorporamento all’interno dell’elemento "Codice di incorporamento" sul tuo sito Weebly e mostra la tua posizione sulla mappa ai tuoi utenti.

Come aggiungere Google Maps in Weebly?

Incorporamento di mappe di Google di terze parti

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More