Google térképek ellenőrzések

Google Térkép - alapértelmezett sor irányítási:

Google Maps - az alapértelmezett ellenőrzések

Megjelenítésekor a szokásos Google térkép, akkor jön egy alapértelmezett menedzsment:

  • Scale - megjelenít egy csúszkával vagy a „+/-” gombokat a nagyítási szinten a térképen
  • Pan - megjeleníti a Pan vezérlő görgetni a térképet
  • MapType - lehetővé teszi a felhasználó közötti váltás térkép típusok (a menetrend és műholdas)
  • Utcakép - megjeleníti az emberke ikont, amely lehet húzni a térképet, hogy Street View

Google Maps - Kiegészítő ellenőrzések

Amellett, hogy az alapértelmezett kezelési, a Google Maps is:

Google Maps - alapértelmezett kezelési letiltása

Ehelyett azt szeretnénk, hogy letiltsa az alapértelmezett irányítás.

Ehhez állítsa be az disableDefaultUI kártya (létesítményen belül opcionális kártya) Az igazság:

Google Maps - Kapcsolja be az összes ellenőrzés

Egyes elemek jelennek meg a térképen alapértelmezés; míg mások nem jelenik meg, ha beállítja őket.

Hozzáadása vagy eltávolítása ellenőrzés a térképen jelzett a térképen paramétereket.

Telepítse a kontroll igaz, hogy láthatóvá - A hazugság elrejteni.

A következő példában, kiderül „a” minden olyan ellenőrzés:

Pancontrol: igaz,
zoomControl: igaz,
mapTypeControl: igaz,
scaleControl: igaz,
streetViewControl: igaz,
overviewMapControl: igaz,
rotateControl: true

Google Maps - Változás Controls

Néhány elem a vezérlőkártya beállítva.

Controls lehet változtatni megadásával a vezetés lehetőségeket.

Például, kiviteli alakjai a zoom vezérlő módosítás látható ZoomControlOptions területen. ZoomControlOptions mező tartalmazhat:

  • google.maps.ZoomControlStyle.SMALL - megjelenít egy mini-zoom vezérlés (csak a + és - gombokkal)
  • google.maps.ZoomControlStyle.LARGE - megjeleníti a standard zoom csúszka
  • google.maps.ZoomControlStyle.DEFAULT - kiválasztja a legjobb felett méretezés, attól függően, hogy a készülék és a térkép mérete

Megjegyzés: Ha módosítja a vezérlő mindig lehetővé teszi, hogy ellenőrizzék az első (állítsa true).

Tovább testreszabható vezérlés vezérlés MapType.

Options ellenőrzik a módosítás meghatározott MapTypeControlOptions területen. MapTypeControlOptions mező tartalmazhat.

  • google.maps.MapTypeControlStyle.HORIZONTAL_BAR - megjelenik egy gomb minden típusú kártya
  • google.maps.MapTypeControlStyle.DROPDOWN_MENU - válaszd ki a kártya típusát a legördülő menüből
  • google.maps.MapTypeControlStyle.DEFAULT - megjeleníti a "default" on (függ a képernyő mérete) "default" viselkedés (függ a képernyő mérete) a (függ a képernyő mérete)

Arra is lehetőség van a vezérlés az ingatlan ControlPosition:

mapTypeControl: igaz,
mapTypeControlOptions: stílus: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
összesen: google.maps.ControlPosition.TOP_CENTER
>

Google Maps - felhasználói vezérlés

Hozzon létre egy felhasználói ellenőrzés. amely mindig viszi vissza Londonba, ha megnyomja (ha a térkép elhúzza).

controlDiv.style.padding = '5px';
var controlUI = document.createElement ( 'div');
controlUI.style.backgroundColor = 'sárga';
controlUI.style.border = '1px szilárd';
controlUI.style.cursor = 'mutatót';
controlUI.style.textAlign = 'központ';
controlUI.title = 'Beállítás térképre London;
controlDiv.appendChild (controlUI);
var controlText = document.createElement ( 'div');
controlText.style.fontFamily = 'Arial, talpatlan';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = 'otthon'
controlUI.appendChild (controlText);

Google Maps - Controls Referencia

Kapcsolódó cikkek