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 al sito, vedi Aggiungere widget.
Google Maps come provider predefinito di mappe
Mapbox è il fornitore di mappe predefinito per il widget Mappa. Tuttavia, puoi impostare Google Maps come provider di mappe predefinito per tutti i siti nuovi e quelli già in essere nel tuo account. Oltre al widget Mappa, Google Maps diventerà l'impostazione predefinita nella ricerca di tutte le località e le mappe per i Le mie immagini e i miei file e altri widget applicabili.
Tutti i dati sulla posizione di Mapbox vengono salvati e applicati a Google Maps. Ciò garantisce che non sia necessario impostare nuovamente le posizioni.
Tieni presente che questa funzione può essere abilitata solo dai membri dello staff con l'autorizzazione per le impostazioni professionali.
Per impostare Google Maps come fornitore di mappe predefinito:
Genera una chiave API nel tuo account Google Maps. Per sapere come generare una chiave API, consulta la documentazione di Google. Ti consigliamo di consultare le Norme di utilizzo e fatturazione di Google.
Dalla dashboard, fai clic sull'avatar nell'angolo superiore destro e seleziona Account.
Nella pagina Impostazioni account, scorri verso il basso fino alla sezione Integrazione di Google Map e fai clic su Configura.
Incolla la tua chiave API nel campo, quindi fai clic su Applica a tutti i siti. Così facendo, Google Maps diventerà la mappa predefinita per tutti i siti esistenti e nuovi nel tuo account.
In qualsiasi momento, puoi disabilitare Google Maps e tornare a Mapbox. Tutti i dati di localizzazione di Google Maps saranno salvati e applicati automaticamente a Mapbox al momento del passaggio.
Editor 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 (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 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 HTML in una riga o colonna.
- 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.