Sfat rapid încorporarea noilor Hărți Google

Toate noile hărți Google au fost publicate în mod deschis publicului în iulie, dar este totuși o previzualizare a ceea ce va fi produsul final și, prin urmare, nu are câteva caracteristici familiare.

De exemplu, ați încercat să încorporați o hartă Google mai nouă într-o pagină web? Vechiul buton de legătură "fiabil" nu poate fi găsit niciodată! Unii utilizatori vor sugera să vă întoarceți la vechea hărți Google, să încorporați o iframe în original, apoi să vă întoarceți la previzualizarea Google Maps mai recentă după ce ați terminat. Dar există o altă modalitate, și este o modalitate care vă va ajuta să profitați de Google Maps mai noi, mai frumoase, cum ar fi:

Aceasta nu este o imagine ...

Maps Engine Lite

Maps Engine Lite (Beta) este un instrument care vă permite să proiectați și să salvați propriile hărți personalizate. Pentru a le folosi, va trebui să aveți un cont Google și să fiți conectat (ă).


Puteți apoi să vă publicați și să permiteți accesul la hărți, așa că începeți prin a da clic pe "Noua hartă":


Să introduceți adresa câmpului Envato în câmpul de căutare ca exemplu:


După ce am găsit biroul și am adăugat un marcator, putem da acum hărții noastre un nume făcând clic pe "Hartă fără titlu":


De asemenea, putem da clic pe "Stratul fără titlu" pentru a da un nume, după care putem adăuga pe harta noastră tot felul de locații, rute și zone. Putem importa și prin încărcări de fișiere, dar deocamdată ne vom concentra pe marcatorul nostru unic. Asigurați-vă că ați adăugat locația căutată pe harta dvs., apoi vă puteți concentra pe caracteristicile markerului.


Acum Envato HQ este listat sub stratul "Locații de afaceri", putem modifica culoarea, eticheta și chiar pictograma. Google a oferit o mulțime de posibilități de personalizare aici, deci explorați distracția! I-am dat șefului o pictogramă de birou galben.


O altă caracteristică frumoasă a noilor hărți Google este temele sale diferite; dați clic pe "Hartă de bază" și eliminați-vă. Am plecat pentru "Apă albă":



Schimbați setările de distribuire

După ce ați terminat harta, trebuie să modificați setările pentru partajare, deci faceți clic pe butonul "Partajare" din partea dreaptă sus.

Acest lucru va aduce un dialog în care puteți alege să schimbați vizibilitatea hărții dvs. de la "Private" la "Public". Acest lucru este necesar pentru a încorpora harta dvs. într-o pagină Web.


Cu ce ​​ați făcut, faceți clic pe pictograma "folder" și selectați "Embed on my site".


Vi se va da un fragment HTML, după cum urmează:

pentru a încorpora o iframe într-o pagină web.


Asigurați-vă harta dvs. Fluid

Un ultim lucru, harta dvs. nu este exact receptivă în starea sa actuală. Să-l înfășurăm într-un element fluid (la fel ca cele utilizate pentru încorporarea video cu lichid), astfel încât să îl putem include într-un aspect receptiv.

În primul rând, înfășurăm un element suplimentar în jurul iframe-ului nostru:

Apoi, dimensionăm învelișul cu ajutorul căptușelii (o proprietate a înălțimii lichidului nu va funcționa) și poziționează iframe-ul înăuntru:

.înveliș fluid poziție: relativă; pad-bottom: 56,25%; / * 16: 9 * / înălțime: 0;  iframe-wrapper-fluid position: absolute; top: 0; stânga: 0; lățime: 100%; înălțime: 100%; frontieră: nici una; 

Această umplutură de 56,25% oferă containerului nostru un raport de 16: 9, ceva care merită luat în considerare pentru videoclip, dar puteți face dreptunghiul dvs. Google Map indiferent de proporțiile pe care le doriți.


Concluzie

Asta e! De fapt, chiar mort, dar una dintre acele mici sarcini utile, care a devenit temporar incomodă în timp ce Google face trecerea la cea mai nouă hartă.

ps) Ați prins recenta trecere Google Maps Street View din Insulele Galápagos? Bine că merită excursia ...

Aflați mai multe despre Google Maps pe Tuts+

  • Cum să adăugați Locații de sucursale marcate în Hărți Google
  • Obținerea de reclame Cu ajutorul API-ului Google Maps
  • Adăugați o atingere a realismului în Hărți Google
  • Reacționează, imagini Google Map Retinați