Google Maps -bediening
Google Maps - De standaardbedieningen
Bij het weergeven van een standaard Google-kaart wordt deze geleverd met de standaardbesturingsset:
- Zoom - geeft een schuifregelaar of "+/-"-knoppen weer om het zoomniveau van de kaart te regelen
- Pan - geeft een pan-bediening weer voor het pannen van de kaart
- MapType - laat de gebruiker schakelen tussen kaarttypen (roadmap en satelliet)
- Street View - geeft een Pegman-pictogram weer dat naar de kaart kan worden gesleept om Street View in te schakelen
Google Maps - Meer bedieningselementen
Naast de standaardbedieningen heeft Google Maps ook:
- Schaal - geeft een kaartschaalelement weer
- Roteren - geeft een klein rond pictogram weer waarmee u kaarten kunt draaien
- Overzichtskaart - geeft een miniatuuroverzichtskaart weer die de huidige kaartweergave in een groter gebied weergeeft
U kunt opgeven welke bedieningselementen moeten worden weergegeven bij het maken van de kaart (in MapOptions) of door setOptions() aan te roepen om de opties van de kaart te wijzigen.
Google Maps - De standaardbediening uitschakelen
Misschien wilt u in plaats daarvan de standaardbediening uitschakelen.
Om dit te doen, stelt u de eigenschap disableDefaultUI van de kaart (in het object Map options) in op true:
Voorbeeld
var mapOptions {disableDefaultUI: true}
Google Maps - Schakel alle bedieningselementen in
Sommige bedieningselementen verschijnen standaard op de kaart; terwijl andere niet verschijnen tenzij u ze instelt.
Het toevoegen of verwijderen van besturingselementen aan de kaart wordt gespecificeerd in het object Kaartopties.
Stel het besturingselement in op true om het zichtbaar te maken - Stel het besturingselement in op false om het te verbergen.
In het volgende voorbeeld worden alle bedieningselementen "aan" gezet:
Voorbeeld
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Maps - Bedieningselementen wijzigen
Verschillende van de kaartbedieningen zijn configureerbaar.
De besturingselementen kunnen worden gewijzigd door velden voor besturingsopties op te geven.
Opties voor het wijzigen van een zoombesturingselement worden bijvoorbeeld gespecificeerd in het veld zoomControlOptions. Het veld zoomControlOptions kan het volgende bevatten:
- google.maps.ZoomControlStyle.SMALL - geeft een mini-zoombediening weer (alleen + en - knoppen)
- google.maps.ZoomControlStyle.LARGE - geeft de standaard zoomschuifregelaar weer
- google.maps.ZoomControlStyle.DEFAULT - kiest de beste zoombediening op basis van apparaat- en kaartgrootte
Voorbeeld
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Opmerking: als u een besturingselement wijzigt, moet u het besturingselement altijd eerst inschakelen (stel dit in op true).
Een ander configureerbaar besturingselement is het MapType-besturingselement.
Opties voor het wijzigen van een besturingselement worden gespecificeerd in het veld mapTypeControlOptions. Het veld mapTypeControlOptions kan het volgende bevatten:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - toon één knop voor elk kaarttype
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - selecteer kaarttype via een vervolgkeuzemenu
- google.maps.MapTypeControlStyle.DEFAULT - geeft het "standaard" gedrag weer (afhankelijk van de schermgrootte)
Voorbeeld
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
U kunt een besturingselement ook positioneren met de eigenschap ControlPosition:
Voorbeeld
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}