Come rendere reattive le mappe incorporate

Come Rendere Reattive Le Mappe Incorporate



Una mappa incorporata può essere inclusa in un sito Web per visualizzare l'indirizzo del punto di un'azienda. Se questa mappa è incorporata correttamente nel sito web, allora è un'ottima aggiunta. Tuttavia, durante la creazione di mappe integrate, tieni presente che devono essere reattive. Inoltre, deve avere un bell'aspetto e deve essere adatto a tutti i dispositivi e alle dimensioni dello schermo.

Questo articolo dimostrerà il processo per rendere reattive le mappe incorporate.

Come rendere reattive le mappe incorporate?

Gli utenti possono incorporare la mappa in HTML in modo reattivo utilizzando alcune proprietà CSS. Tuttavia, è necessario prima ottenere il collegamento incorporato. A tale scopo, eseguire prima il passaggio 1 e quindi incorporare la mappa in HTML seguendo:





Passaggio 1: ottieni il collegamento incorporato della mappa



Per ottenere il collegamento alle mappe incorporate, accedi innanzitutto alla sezione ' Google Maps ':





Clicca sul ' Condividi o incorpora la mappa ' opzione:



Ora, fai clic su ' Incorpora una mappa ' per ottenere il collegamento di incorporamento:

Successivamente, fai clic su ' COPIA HTML 'codice per copiare il codice:

Passaggio 2: incorpora la mappa in HTML

Per incorporare una mappa in HTML, creare innanzitutto una struttura HTML. Nell'HTML, incolla il collegamento di incorporamento copiato all'interno del file sezione all'interno di a

e imposta il nome della classe di un div. Si consiglia di aggiungere uno stile all'interno del file