Πώς να xρησιμοποιήσετε το στοιχείο Χάρτης Google για να ενσωματώσετε έναν χάρτη στη σελίδα σας

Πώς να xρησιμοποιήσετε το στοιχείο Χάρτης Google για να ενσωματώσετε έναν χάρτη στη σελίδα σας

Το στοιχείο Χάρτης Google σας επιτρέπει να εμφανίζετε τοποθεσίες χρησιμοποιώντας την τεχνολογία των Google Maps. Είναι ιδανικό για να βοηθήσετε πελάτες ή επισκέπτες να εντοπίσουν το κατάστημά σας, το γραφείο σας ή οποιαδήποτε άλλη σημαντική τοποθεσία.

Προσθήκη Χάρτη στη Σελίδα σας

  1. Σύρετε και τοποθετήστε το στοιχείο Χάρτης Google στη σελίδα σας.

  2. Αν δεν έχετε ακόμα δημιουργήσει ένα κλειδί Google Maps, ο χάρτης θα εμφανιστεί ανενεργός με γκρι χρώμα. Κάνοντας κλικ πάνω του, θα εμφανιστεί μήνυμα που θα σας ζητήσει να προσθέσετε το κλειδί.

  3. Μόλις προσθέσετε το API key, ο χάρτης θα γίνει πλήρως λειτουργικός.

Δημιουργία Google Maps API Key

Για να λειτουργήσει ο χάρτης, απαιτείται ένα Google Maps API key, το οποίο επιτρέπει την εμφάνιση και αναζήτηση δεδομένων χάρτη. Ακολουθήστε τα παρακάτω βήματα για να το δημιουργήσετε:

  1. Μεταβείτε στο Google Cloud Console.

  2. Συνδεθείτε με τον Google λογαριασμό σας.

  3. Δημιουργήστε ένα νέο project ή επιλέξτε ένα υπάρχον.

  4. Από το αριστερό μενού, επιλέξτε APIs & Services > Credentials.

  5. Πατήστε Create Credentials και επιλέξτε API Key.

  6. Αντιγράψτε το κλειδί που θα δημιουργηθεί.

  7. Επιστρέψτε στο διαχειριστικό σας εργαλείο εισάγετε το API key. 

Για περισσότερες πληροφορίες, επισκεφθείτε τον επίσημο οδηγό της Google: Get an API Key.

Κύριες Ρυθμίσεις

Αφού προσθέσετε το στοιχείο Χάρτης Google στη σελίδα σας, μπορείτε να προσαρμόσετε τις κύριες ρυθμίσεις για να ελέγξετε την εμφάνιση και τη λειτουργικότητά του.

Διεύθυνση. Πληκτρολογήστε τη διεύθυνση της τοποθεσίας που θέλετε να εμφανιστεί στον χάρτη. Το σύστημα θα εντοπίσει αυτόματα τη διεύθυνση και θα προσθέσει ένα pin (δείκτη) στο σωστό σημείο. Μπορείτε να εισαγάγετε είτε την πλήρη ταχυδρομική διεύθυνση είτε μια συγκεκριμένη τοποθεσία της επιχείρησής σας.

Ύψος. Καθορίστε το ύψος του χάρτη ανάλογα με τη διάταξη της σελίδας σας. Για παράδειγμα, μπορείτε να ορίσετε σταθερό ύψος σε pixels (π.χ. 400px) ή ποσοστιαία τιμή ώστε να προσαρμόζεται δυναμικά σε διαφορετικά μεγέθη οθόνης.
​
Μήκος. Ορίστε το μήκος του χάρτη. Όπως και με το ύψος, μπορείτε να χρησιμοποιήσετε pixels ή ποσοστιαίες τιμές. 

Αποστάσεις

Σε αυτήν την ενότητα μπορείτε να ρυθμίσετε τα εξωτερικά και εσωτερικά κενά του χάρτη σας. Οι τιμές μπορούν να οριστούν σε pixel ή ποσοστά. 

Περιθώριο. Αυτή η λειτουργία σας επιτρέπει να ρυθμίσετε τα κενά γύρω από το στοιχείο αλλάζοντας τις τιμές πάνω, κάτω, δεξιά και αριστερά. 

Γέμισμα. Αυτή η λειτουργία σας επιτρέπει να ρυθμίσετε την απόσταση μεταξύ του περιεχομένου και των περιθωρίων του στοιχείου αλλάζοντας τις τιμές πάνω, κάτω, αριστερά και δεξιά.