Crea e personalizza mappe con Google Map Builder

Ora ci sono un sacco di temi WordPress basati su geolocalizzazione disponibili. Forniscono mappe personalizzate in modo che gli utenti possano trovare facilmente luoghi specifici come ristoranti, luoghi per eventi, hotel e altro ancora. Ho notato che alcuni sviluppatori web hanno incluso i loro temi con il supporto delle mappe e spesso lo usano all'interno della pagina dei contatti.

Utilizzano le mappe , Google Map per essere esatti. E come forse avrai notato, Google Map è uno dei più potenti servizi di mappe sul web. La personalizzazione della mappa può essere effettuata facilmente utilizzando il controllo API degli stili di mappa. Ma richiede uno per capire la programmazione javascript un po ' .

Prova questo nuovissimo Google Map Builder, uno strumento per personalizzare facilmente la tua mappa di Google. Ha un'interfaccia utente carina e amichevole. Puoi costruire la mappa con solo un paio di selezioni dalla casella di selezione e non hai nemmeno bisogno di codice.

Ci sono molte opzioni per controllare l'aspetto della mappa. È inoltre possibile inserire l'icona e i luoghi dell'indicatore personalizzato. E la parte migliore è che ha più di 75 temi di mappe già pronti da Snazzy Maps.

Panoramica

Google Map Builder funziona esattamente come la personalizzazione di Google Map tramite l'API degli stili di mappa. Ti dà un'interfaccia utente (UI) che è più bella di quello che puoi fare con un semplice codice Javascript. All'interno dello strumento, tutte le opzioni si trovano nel pannello di sinistra, lasciando lo spazio rimanente per la mappa.

Nella parte superiore, puoi fornire la mappa con la chiave API che è utile per monitorare l'utilizzo dell'API di Maps dell'applicazione. Anche la dimensione e le coordinate del centro della mappa possono essere definite facilmente.

Le opzioni a sinistra vengono utilizzate per personalizzare l'aspetto della mappa: zoom, controllo mappa, trascinamento, tipo di mappa e tema della mappa . Tutte le modifiche verranno automaticamente visualizzate in anteprima sulla mappa.

Aggiunta dell'indicatore personalizzato

Questo strumento ti consente di aggiungere facilmente il tuo marcatore personalizzato per mappare i luoghi. Per fare ciò, in primo luogo è necessario fornire l'URL dell'icona dell'indicatore e anche l'indirizzo del luogo che si desidera contrassegnare.

Con questa icona di Hospital Building da Map Icons, ecco come aggiungere il marker.

Per iniziare, poiché l'icona parla di un ospedale, inserirò il nome dell'ospedale nel campo di testo Aggiungi indicatori . Puoi anche dare alcuni indirizzi (uno per riga) qui. Quando aggiungi un indirizzo, la mappa lo localizzerà automaticamente, quindi assicurati che l'indirizzo e la mappa siano il più precisi possibili.

Quindi inserisci l'URL dell'icona nel campo dell'URL dell'icona dell'indicatore .

Ed ecco il risultato.

Ottieni il codice

Ora che hai personalizzato la mappa, il prossimo passo è metterlo sul web. Per ottenere il codice, scorri fino alla fine della pagina e vedrai il pulsante Ottieni codice .

Basta premere il pulsante, quindi il codice verrà visualizzato sopra la mappa. Qui, avrai il codice javascript all'interno del tag script e lo stile CSS per le dimensioni della mappa, come quello che hai se hai stilizzato la mappa manualmente. Copia e incolla facilmente tutto il codice e inseriscilo nel codice HTML prima del tag di chiusura.

Pensiero finale

Ci sono molte opzioni disponibili in Google Map Builder, ma la maggior parte di queste sono solo per il controllo della mappa. Per personalizzare l'aspetto della mappa, puoi dipendere solo dai temi di Snazzy Map, ma se non sono di tuo gradimento, puoi personalizzare la mappa manualmente (questo tutorial può essere d'aiuto) o lavorare con altri strumenti come Google Maps Colorizr o Google Styled Map Wizard.

Ora puoi scaricare e guardare Netflix offline

C'era una volta, Netflix sostiene che una modalità offline per i suoi servizi è "non accadrà mai". Ottime notizie per gli utenti, in avanti veloce per oggi Netflix ha deciso di abbandonare il discorso e camminare verso la modalità offline. Disponibile per tutti gli utenti Netflix indipendentemente dai livelli, ora Netflix ti consente di scaricare "seleziona programmi TV e film" per una visione successiva.Gli

(Consigli tecnici e di design)

40 cose che non sapevi avere nomi

Lo sapevi che il simbolo "dormire 8" che conosci come simbolo dell'infinito è un lemniscate? Non è un'informazione importante, ma per me è interessante sapere che i matematici si preoccupano di dare un nome a questi simboli.E perché non dovrebbero? I nomi sono importanti - ci risparmiano molto tempo.In

(Consigli tecnici e di design)