Costruttori e generatori Google
Valuta questo strumento
Voto attuale 5
Il tuo nome?
Qualche consiglio o suggerimento?
Imposta mappa e controlli
Scegli un tema
Crea la tua mappa personalizzata
Google Map
L'API JavaScript di Google Maps ti consente di personalizzare le mappe con i tuoi contenuti, stili e colori per la visualizzazione su pagine web e dispositivi mobili.
L'API JavaScript di Google Maps offre quattro tipi di mappe di base (stradale, satellitare, ibrida e terreno) che puoi personalizzare con diversi livelli, stili, controlli, eventi, servizi e librerie.
Il codice ottenuto con il generatore di mappe Google potrebbe cambiare ogni volta che Google aggiorna lo stile della mappa di base. Usare con cautela.
Per cominciare...
Il modo più semplice per acquisire familiarità con l'API JavaScript di Google Maps è vedere un semplice esempio.
Il codice seguente mostra la mappa del centro di Roma:
<html> <head> <title>Semplice Mappa by seochecker</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> </head> <body> <div id="my_seochecker_map"></div> <script> var map; function seochecker_map() { map = new google.maps.Map(document.getElementById('my_seochecker_map'), { center: {lat:41.923741, lng:12.494129}, zoom: 8 }); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=[YOUR_API_KEY]&callback=seochecker_map" async defer></script> </body> </html>
Per utilizzare l'API JavaScript di Maps, devi ottenere una chiave API che puoi quindi aggiungere all'app mobile, al sito Web o al server Web.
L'API key viene utilizzato per tenere traccia delle richieste API associate al tuo progetto.
I componenti del generatore Google map Scopriamo tutti i parametri
La tabella seguente fornisce una spiegazione e un esempio di ciascuno dei componenti. Per saperne di più, controlla i link nella sezione risorse correlate a fondo pagina.
Indirizzo
È solo un prerequisito per fornire le coordinate di latitudine e longitudine per centrare la mappa.
Latitudine e Longitudine
Fornisce le coordinate per centrare la mappa.
center: {lat:41.933495, lng:12.579144}
Zoom
Indica il livello di zoom della mappa.
zoom: 12
Tipo di mappa
Esistono 4 tipologie di mappe disponibili con le API Javascript Googe Map..
mapTypeId: "roadmap"
Controlli
Di seguito è riportato un elenco del set completo di controlli che puoi utilizzare nelle tue mappe:
mapTypeControl:true
Puoi anche disattivare completamente le impostazioni predefinite di mappa. Per fare ciò, imposta la proprietà disableDefaultUI della mappa (all'interno dell'oggetto MapOptions) sul valore "true".
disableDefaultUI: true
Temi
Questo builder fornisce diverse combinazioni di temi per Google Maps.
Utilizzando un tema, puoi personalizzare la rappresentazione della mappe Google, modificando la visualizzazione di elementi come strade, parchi e aree edificate..
Ci sono 2 modi per applicare stili alla mappa:
styles: [ {elementType: 'geometry', stylers: [{color: '#242f3e'}]}, {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]}, {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]}, { featureType: 'administrative.locality', elementType: 'labels.text.fill', stylers: [{color: '#d59563'}] } ]
Proprietà di mappa
Le mappe con stili personalizzati utilizzano due concetti per applicare colori e altre impostazioni di stile ad una mappa:
Proprietà
Elementi:
Stili:
Riferimenti e risorse
Condividi questo strumento
Ti è piaciuto? Condividilo!
Prova gli Strumenti correlati!
Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web
Builders and generators
4,8
Calcolatore della griglia di layout: imposta il sistema di griglia, la larghezza della pagina, il margine e le colonne. Progetta il tuo sistema di layout per pagine web, app e design di stampa.
Builders and generators Social
4,5
Trasforma le pagine web in oggetti ad alto impatto sociale e grafico. 25 Tipi di open graph per creare un enorme impatto sul traffico social del tuo sito web.
Analytics Google Tracking script
5
Misura e monitora le interazioni degli utenti con i tuoi contenuti. Tieni traccia di tutte le azioni che desideri: download, clic, riproduzioni video, condivisione sui social ed engagement.
Builders and generators Google
Disegna rettangoli, cerchi, poligoni, linee e forme, imposta stili e colori ottieni coordinate e codice per le tue mappe Google.
Invia le metriche dei web vitals ad Analytics per monitorarle in modo performante. Misura e invia i Google Core Web Vitals al tuo account Analytics.
5,0
Crea i tuoi service worker e arricchisci l’esperienza utente. Trasforma il tuo sito web in una Progressive Web App e arricchisci l’esperienza degli utenti.
4,9
Genera URL per la misurazione della campagna di Google Play. Aggiungi i parametri delle campagne di Google Analytics agli URL di Google Play - SDK Android.
4
Genera l’URL della tua campagna Google per un monitoraggio migliore. Aggiungi parametri UTM e tieni traccia delle campagne personalizzate nell’account Google Analytics.
Genera file htaccess ricco di funzioni: riscrittura www, prevenzione hotlink, pagine di errore personalizzate, regole di cache e reindirizzamenti.
Crea il tuo codice a barre personalizzato in oltre 70 formati. Scegli dati, formati e colori e ottieni il tuo Barcode personalizzato.
Genera bellissime combinazioni di colori per i tuoi progetti. Ottieni il tuo schema di combinazione analogo, triadico, complementare e così via.
Genera icone per web, android, iOs, microsoft e app. Mostra una rappresentazione grafica del tuo sito all’interno della barra degli indirizzi del browser.
Scegli i tuoi dati e crea il tuo QR Code personalizzato. Specifica formato, dimensione, margini, set di caratteri, colori e molto altro del tuo codice QR personalizzato.
Genera meta tag richiesti e più utili per le tue pagine. Fornisci metadati sul tuo sito web e aiuta i motori di ricerca a fornire contenuti pertinenti.
Genera il markup delle Twitter Card e migliora i tuoi meta html. Allega foto, video ed esperienze multimediali ai Tweet e indirizza traffico al tuo sito.
Content Google
Trova idee per le parole chiave, suggerimenti e punteggio di pertinenza tramite le parole chiave suggerite dalla compilazione automatica di Google.
Google
Tieni traccia della posizione del tuo sito nei risultati di ricerca di Google per parole chiave, paesi e lingue specifici. Scopri la tua posizione per parole chiave specifiche.
Google Server and proxy
Scopri la data e l’ora esatta in cui la tua pagina web è stata memorizzata nella cache dal crawler di Google tramite Google Cache Status Checker.
Genera Structured Data in json-ld e migliora la tua SEO. Migliora il tuo aspetto nella Ricerca Google con i risultati rich snippet.
Crea un URL tracciabile per Analytics e traccia le aperture delle email. Invia la tua e-mail e ottieni dati quando l’utente la apre.
Genera URL per la misurazione della campagna iOS. Usa questo strumento gratuito per generare URL per misurare l’origine delle installazioni di applicazioni iOS.
3,8
Genera il tuo json per Web App Manifest e migliora i dati del sito. Fornisci informazioni sul tuo sito web e consenti agli utenti un accedere rapidamente per un’esperienza migliore.
Scopri in che modo Google calcola i punteggi di performance Web Vitals. Muovi i cursori per capire a quali soglie puntare per ottenere buone prestazioni web.