Ελεγκτικά Συσκευά Google Maps

Google Χάρτες - Προεπιλεγμένες ρυθμίσεις

Όταν εμφανίζεται ο τυπικός χάρτης του Google, παρέχει τις προεπιλεγμένες ρυθμίσεις:

• Μεγέθυνση (Zoom) - Εμφανίζει κουμπιά滑块 ή "+/-" για τον έλεγχο του επιπέδου μεγέθυνσης του χάρτη
• Μετακίνηση (Pan) - Εμφανίζει το εικονίδιο μετακίνησης, το οποίο χρησιμοποιείται για τη μετακίνηση του χάρτη
• Τύπος Χάρτη (MapType) - Επιτρέπει στους χρήστες να εναλλάσσονται μεταξύ τύπων χάρτη (καρτέλα και φωτογραφίες από διάφορα οπτικά μονοπάτια)
• Street View (Street View) - Εμφανίζει το εικονίδιο του Pegman, το οποίο μπορείτε να μετακινήσετε στον χάρτη για να ενεργοποιήσετε το Street View

Google Χάρτες - Πρόσθετες ρυθμίσεις

Εκτός από τις προεπιλεγμένες ρυθμίσεις, το Google Χάρτες προσφέρει επίσης:

• Μέγεθος (Scale) - Εμφανίζει στοιχεία μέτρησης του χάρτη
• Περιστροφή (Rotate) - Εμφανίζει μικρότερο κύκλιο εικονίδιο, που επιτρέπει την περιστροφή του χάρτη
• Περιληπτικός Χάρτης (Overview Map) - Εμφανίζει μικρότερη επισκόπηση του χάρτη, που αντικατοπτρίζει ευρύτερη περιοχή από την τρέχουσα οπτική γωνία του χάρτη

Μπορείτε να καθορίσετε ποίες ρυθμίσεις θα εμφανιστούν όταν δημιουργήσετε τον χάρτη (στις MapOptions) ή να αλλάξετε τις επιλογές του χάρτη με την κλήση setOptions().

Google Χάρτες - Απενεργοποίηση προεπιλεγμένων ρυθμίσεων

Πιθανώς θέλετε να απενεργοποιήσετε τις προεπιλεγμένες ρυθμίσεις.

Για το θέμα αυτό, ρυθμίστε την ιδιότητα disableDefaultUI του χάρτη (στις επιλογές του χάρτη) σε true:

instance

var mapOptions {disableDefaultUI: true}

Google Χάρτες - Ανοίξτε όλες τις ρυθμίσεις

Ορισμένες ρυθμίσεις εμφανίζονται προεπιλεγμένα στον χάρτη· άλλες δεν εμφανίζονται, εκτός αν τις ρυθμίσετε.

Παρακαλώ καθορίστε στις επιλογές του χάρτη τις ρυθμίσεις που θέλετε να προσθέσετε ή να αφαιρέσετε από τον χάρτη.

Η ρύθμιση των ρυθμίσεων σε true την καθιστά ορατή - η ρύθμιση σε false την κρύβει.

Αυτό το παράδειγμα ανοίγει όλες τις ρυθμίσεις:

instance

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

Google Maps - Modify Controls

Some map controls are configurable.

You can modify the control by specifying the options field of the control.

For example, the zoomControlOptions field specifies the options used to modify the Zoom control. The zoomControlOptions field may contain:

• google.maps.ZoomControlStyle.SMALL - Displays a mini zoom control (only + and - buttons)
• google.maps.ZoomControlStyle.LARGE - Displays the standard zoom slider control
• google.maps.ZoomControlStyle.DEFAULT - Selects the best zoom control based on the device and map size

instance

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

Note: If you want to modify the control, please enable it first (set it to true).

Another configurable control is the MapType control.

The mapTypeControlOptions field specifies the options used to modify the control. The mapTypeControlOptions field may contain:

• google.maps.MapTypeControlStyle.HORIZONTAL_BAR - Displays a button for each map type
• google.maps.MapTypeControlStyle.DROPDOWN_MENU - Selects map types through a dropdown menu
• google.maps.MapTypeControlStyle.DEFAULT - Displays the 'default' behavior (depending on screen size)

instance

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

You can also use the ControlPosition property to position the control:

instance

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position: google.maps.ControlPosition.TOP_CENTER
}