Widget mappa

Mostra ai visitatori la mappa di qualsiasi posizione di tuo interesse. Utilizza il widget Mappa per visualizzare la posizione della tua sede fisica o la location di un evento speciale. Puoi usarlo anche per mostrare ai clienti dove trovare parcheggio.

Per aggiungere il widget Mappa:

  1. Nel pannello a sinistra, fai clic su Widget.
  2. Tieni premuto e trascina il widget Mappa sul tuo sito.

Per maggiori informazioni sull'aggiunta di widget al sito, vedi Aggiungere widget.

Editor di contenuti

Per accedere all'editor dei contenuti:

  1. Fai clic con il tasto destro del mouse sul widget e poi su Modifica contenuto.
  2. Digita l'indirizzo dell'attività nell'apposito campo.
  3. Seleziona l'indirizzo dal menu a discesa visualizzato. Se il tuo indirizzo non compare, significa che non riusciamo a trovarlo nell'API di MapBox (che a volte presenta differenze rispetto alla ricerca sulle mappe). Per risolvere il problema, prova a collegare un widget Pulsante direttamente all'URL della mappa su Google Maps. Se il tuo indirizzo non è presente su MapBox, puoi richiedere direttamente a MapBox di aggiungerlo.
  4. Puoi scegliere di visualizzare un pulsante della mappa anziché un'immagine. Per farlo su dispositivi specifici, seleziona l'opzione Usa pulsante su () e specifica i dispositivi sui quali desideri che appaia. Se non selezioni alcun dispositivo, verrà visualizzata l'immagine della mappa.
  5. Digita il testo che desideri mostrare sul pulsante nel campo Testo sul pulsante fornito.

Visualizzare un popup con le informazioni sulla posizione

Per visualizzare questo tipo di popup sul widget della mappa:

Digita un titolo e una descrizione per il popup.

Scegli se visualizzare il popup Al passaggio del mouse, Al clic o Sempre dal menu a discesa Visualizzazione popup.

Editor di progettazione

Per accedere all'editor di progettazione, fai clic con il tasto destro su widget e poi fai clic su Modifica design.

Fai clic sulla scheda Layout per modificare l'aspetto della mappa visualizzata sul sito.

Per maggiori informazioni su opzioni di progettazione che non sono specifiche per questo widget (es. layout, stile o spaziature), vedi Design dei widget.

Incorporare una mappa di Google utilizzando un widget HTML

Per incorporare mappe da Google Maps utilizzando il widget HTML:

  1. Vai su Google Maps.
  2. Cerca la posizione desiderata.
  3. Fai clic sul menu in alto a sinistra, quindi su Condividi o incorpora mappa.
  4. Fai clic sulla scheda Incorpora mappa.
  5. Copia l'URL tra virgolette dopo <iframe src = ", selezionando tutta la stringa compresa tra le virgolette.

  6. Vai sul tuo sito e fai clic su Widget nel pannello di sinistra, poi trascina il widget HTML in una riga o colonna.
  7. Usa il seguente codice di incorporamento e aggiungi l'URL ottenuto da Google Maps tra le virgolette, dopo iframe src =:

    <div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div>

  8. Accedi alla Modalità sviluppatore.
  9. Fai clic su HTML/CSS del sito e poi su site.css.
  10. Incorpora il seguente CSS in questa sezione:

    .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    La mappa verrà ridimensionata in modo appropriato per le diverse visualizzazioni sui dispositivi. Se usi il codice di incorporamento standard di Google Maps, le dimensioni del widget della mappa appariranno come statiche su tutti i dispositivi e verranno tagliate nella vista mobile.