Mostra ai visitatori la mappa di qualsiasi posizione di tuo interesse. Utilizza il 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
Mappa:- Nel pannello a sinistra, fai clic su Widget.
- Tieni premuto e trascina il Mappa sul tuo sito.
Per maggiori informazioni sull'aggiunta di Aggiungere widget.
al sito, vediEditor di contenuti
Per accedere all'editor dei contenuti:
- Fai clic con il tasto destro del mouse sul e poi su Modifica contenuto.
- Digita l'indirizzo dell'attività nell'apposito campo.
- Seleziona l'indirizzo dal menu a discesa che compare. Se il tuo indirizzo non viene visualizzato nel menu a discesa, significa che il database HERE utilizzato da IONOS 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 farlo su dispositivi specifici, seleziona l'opzione Usa pulsante su (
) e specifica i dispositivi sui quali desideri che il pulsante appaia. Se non selezioni alcun dispositivo, verrà visualizzata l'immagine della mappa.
- 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
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
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 Design dei widget.
(es. layout, stile o spaziature), vediIncorporare una mappa di Google utilizzando un widget HTML
Per incorporare mappe da Google Maps utilizzando il
HTML:- Vai su Google Maps.
- Cerca la posizione desiderata.
- Fai clic sul menu in alto a sinistra, quindi su Condividi o incorpora mappa.
- Fai clic sulla scheda Incorpora mappa.
- Copia l'URL tra virgolette dopo <iframe src = ", selezionando tutta la stringa compresa tra le virgolette.
- Vai sul tuo sito e fai clic su Widget nel pannello di sinistra, poi trascina il in una riga o colonna. HTML
- 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>
- Accedi alla Modalità sviluppatore.
- Fai clic su HTML/CSS del sito e poi su site.css.
- 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
della mappa appariranno come statiche su tutti i dispositivi e verranno tagliate nella vista mobile.