În articolul precedent, "Pornirea API-ului Google Maps", am vorbit despre adăugarea unei pagini web Google pe pagina dvs.
Acum vom examina mai detaliat exemplul anterior și vă voi spune despre adăugarea de controale la acest card. Și anume:
0. Exemplul anterior.
Pentru a adăuga toate funcțiile de control, utilizați:
.addControl ();
noul GSmallMapControl () este un element mai mic al zoom-ului Google Maps. Implicit, acest element este situat în colțul din stânga sus al hărții.
noul GSmallZoomControl () este un control la scară redusă.
Iată cum pot fi aplicate aceste funcții:
Funcția initialize () if (GBrowserIsCompatible ()) harta var = new GMap2 (document.getElementById ( "hartă"));
map.setCenter (noul GLatLng (52.424198,30.962219), 10);
map.addControl (noul GLargeMapControl ());
>
>
Există încă două opțiuni, modificate în exterior, ieșirea comenzilor. Acesta este GLargeMapControl3D și GSmallZoomControl3D.
2. Ridicați rigla.
Pentru a adăuga o riglă de scară, utilizați funcția GScaleControl ().
Funcția initialize () if (GBrowserIsCompatible ()) harta var = new GMap2 (document.getElementById ( "hartă"));
map.setCenter (noul GLatLng (52.424198,30.962219), 10);
map.addControl (noul GScaleControl ());
>
>
3. Comutarea tipurilor de carduri.
Pentru a schimba tipurile de carduri, utilizați funcția GMapTypeControl (). Arata cam asa:
Există încă o opțiune, GHierarchicalMapTypeControl (). Acesta înlocuiește "satelitul" și "hibridul" cu un punct "satelit". Care, când alegeți, vă oferă posibilitatea de a alege.
Funcția initialize () if (GBrowserIsCompatible ()) harta var = new GMap2 (document.getElementById ( "hartă"));
map.setCenter (noul GLatLng (52.424198,30.962219), 10);
map.addControl (nou GMapTypeControl ());
>
>
4. Hartă de prezentare panoramică în colțul ecranului.
Pentru a afișa o hartă scurtă de prezentare în colțul ecranului, utilizați
Prezentare generalăMapControl ().
Funcția initialize () if (GBrowserIsCompatible ()) harta var = new GMap2 (document.getElementById ( "hartă"));
map.setCenter (noul GLatLng (52.424198,30.962219), 10);
map.addControl (noul GOverviewMapControl ());
>
>
Utilizarea acestor funcții este opțională. Puteți alege ce să afișați pe partea superioară a cartelei dvs.
Trimiteți-le prietenilor: