widget: Mappa

widget Categorie: Affari

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 informazioni sull'aggiunta di widget, consultate Aggiunta di widget.

Suggerimento

Per ulteriori informazioni sulla widget e sulla libreria widget, vedere widget: Libreria e panoramica.

Editor di contenuti

Per accedere all'editor di contenuti, fai clic con il pulsante destro del mouse sul widget e seleziona Modifica contenuto.

Opzioni di configurazione della mappa

  • Digita l'indirizzo dell'attività nell'apposito campo.

    • Seleziona l'indirizzo dal menu a discesa che compare.

      Nota

      Se l'indirizzo non viene visualizzato nel menu a discesa, significa che il database HERE utilizzato da Website Builder non contiene l'indirizzo. Per inviare o correggere l'indirizzo, contatta HERE Map Creator.

  • Puoi scegliere di visualizzare un pulsante della mappa anziché un'immagine.

    • Per visualizzare un pulsante della mappa su dispositivi specifici, selezionare il pulsante Usa sui dispositivi (map-button-devices.png) in cui si desidera visualizzare il pulsante. Se non viene selezionato alcun dispositivo, verrà visualizzata l'immagine della mappa.

    • Nell'Editor 2.0, il pulsante può essere abilitato per tutti i dispositivi. Per abilitare il pulsante, fare clic sull'interruttore Imposta come pulsante su tutti i dispositivi .

  • Digitare il testo che si desidera visualizzare sul pulsante nell'apposito campo Testo sul pulsante .

  • Popup delle informazioni sulla posizione (finestra informativa per l'indicatore della mappa). Per visualizzare un popup di informazioni sulla posizione sul widget della mappa:

    • Digita un titolo e una descrizione per il popup.

    • Selezionare questa opzione per visualizzare il popup Al hover, Al clic o Sempre dal menu a discesa Visualizzazione popup.

Editor di progettazione

Per accedere all'editor di progettazione, fare clic con il pulsante destro del mouse sull'elemento e scegliere Modifica design.

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

Per maggiori informazioni su opzioni di progettazione non specifiche per questo widget (ad esempio layout, stile o spaziature), consulta 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. Fare clic sul menu in alto a sinistra, quindi fare clic su Condividi o incorpora mappa .

  4. Fare clic sulla scheda Incorpora mappa .

  5. Copia l'URL tra virgolette dopo <iframe src = ", selezionando tutta la stringa compresa tra le virgolette.

  6. Accedi al tuo sito e, nel pannello di sinistra, fai clic su widgete trascina il widgetHTML 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. Fare clic su HTML/CSS del sito e quindi 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.