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.
Mapbox è il fornitore di mappe predefinito per il widget Mappa. Tuttavia, puoi impostare Google Maps come fornitore di mappe predefinito per tutti i siti nuovi ed esistenti nel tuo account. Oltre alla Map widget, Google Maps diventerà il default in tutte le ricerche di localizzazione e mappe per la Libreria dei contenuti e altri widgetapplicabili.
Tutti i dati sulla posizione di Mapbox vengono salvati e applicati a Google Maps. In questo modo non sarà necessario impostare nuovamente le location.
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 provider predefinito di mappe:
-
Nel tuo account Google Maps, genera una chiave API. Per informazioni su come generare una chiave API, consulta la documentazione di Google. Ti consigliamo di consultare le Norme di utilizzo e fatturazione di Google.
-
(Facoltativo) Se configuri il tuo account Google in modo che la chiave API possa essere utilizzata solo su siti web specifici, devi aggiungere duda.co, il dominio del tuo sito e, se applicabile, eventuali domini white label all'elenco dei siti web consentiti nel tuo account Google. È importante utilizzare il seguente formato per i tuoi domini:
*.duda.co/* -
Dalla tua Dashboard, fai clic sul tuo avatar nell'angolo in alto a destra 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. In questo modo, Google Maps diventa 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.
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.
Quando utilizzi Google Maps come provider predefinito, consulta la documentazione di Google Aggiungi un luogo mancante a Google Maps.
-
-
Puoi scegliere di visualizzare un pulsante della mappa anziché un'immagine.
-
Per visualizzare un pulsante della mappa su dispositivi specifici nell'editor classico, selezionare il pulsante Usa sui dispositivi (
) nel punto 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 .
-
-
Digiti il testo che desidera che compaia sul pulsante nel campo Testo sul pulsante fornito.
-
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.
-
Per incorporare mappe da Google Maps utilizzando il widget HTML:
-
Vai su Google Maps.
-
Cerca la posizione desiderata.
-
Fare clic sul menu in alto a sinistra, quindi fare clic su Condividi o incorpora mappa .
-
Fare clic sulla scheda Incorpora mappa .
-
Copia l'URL tra virgolette dopo <iframe src = ", selezionando tutta la stringa compresa tra le virgolette.
-
Accedi al tuo sito e, nel pannello di sinistra, fai clic su widgete trascina il widgetHTML 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.
-
Fare clic su HTML/CSS del sito e quindi 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 widget della mappa appariranno come statiche su tutti i dispositivi e verranno tagliate nella vista mobile.