Google Maps API key: Τι είναι και Πώς Παράγεται

Για να λειτουργεί σωστά ο χάρτης της Google στο website σου, είναι απαραίτητη η χρήση του Google Maps API Key.

Τι είναι, όμως, το Google Maps API Key και γιατί το χρειάζεσαι για το website σου;

Διάβασε, λοιπόν, παρακάτω τι ακριβώς κάνει το Google Maps API Key, γιατί είναι απαραίτητο για τη σωστή λειτουργία του Google Map στο site σου και πώς θα το παραγάγεις μόνος σου, βήμα-βήμα.

Τι Είναι και Πώς Λειτουργεί το API Key

Από το 2016, το Google Map, για να λειτουργεί σωστά, απαιτεί ένα Google Maps API Key.

Το Google Maps API Key σού επιτρέπει να τοποθετήσεις ένα διαδραστικό ή ένα πανοραμικό χάρτη με street view, σε ένα website.

Μπορείς να το ενσωματώσεις εύκολα στην ιστοσελίδα σου, θέτοντας τη διεύθυνση URL API του Google Maps Embed ως το χαρακτηριστικό src ενός iframe:

Ακολουθεί ένα παράδειγμα για το πού θα ενσωματώσεις το API Key:

Πηγή: Google Maps Embed API

Η εμφάνιση που θα έχει στο website σου θα είναι όπως στην κάτωθι εικόνα. Θα εμφανίζει ένα pin στο χάρτη σε ένα συγκεκριμένο σημείο, που θα αντιστοιχεί σε μια συγκεκριμένη διεύθυνση -της επιχείρησής σου εν προκειμένω-, σε ένα συγκεκριμένο γεωγραφικό χαρακτηριστικό ή μια πόλη.

Πηγή: Google Maps Embed API

Εάν δεν τοποθετηθεί το API Key, τότε θα εμφανίζεται το παρακάτω ενοχλητικό μήνυμα στη θέση του χάρτη:

Oops! Something went wrong.

This page didn’t load Google Maps correctly.

See the JavaScript console for technical details.

Οδηγός Δημιουργίας του API Key

Βασική προϋπόθεση για να αποκτήσεις το API Key, είναι να έχεις ένα λογαριασμό Gmail.

> Βήμα 1: Συνδέσου στο Gmail Account σου

Συνδέσου στο λογαριασμό σου στη Google, κάνοντας κλικ εδώ.

Εάν δεν έχεις λογαριασμό, απλώς πάτησε το button “More Options” και κλίκαρε στην επιλογή “Create Account”.

Θα μεταφερθείς σε μια νέα σελίδα, όπου θα χρειαστεί να συμπληρώσεις όλα τα απαραίτητα πεδία, ώστε να δημιουργήσεις ένα λογαριασμό Gmail.

> Βήμα 2: Συνδέσου στην πλατφόρμα Google Maps APIs

Εφόσον έχεις πλέον συνδεθεί στο Gmail λογαριασμό σου, κάνε κλικ εδώ, ώστε να μεταφερθείς στην πλατφόρμα της Google, Google Maps APIs, από την οποία θα πάρεις το API Key σύνδεσμο.

Κλίκαρε στο button “Get a Key”, που βρίσκεται στο δεξί μέρος της οθόνης σου.

Θα σου εμφανιστεί ένα pop up παράθυρο, στο οποίο θα κάνεις κλικ στην επιλογή “Select or Create Project”.

Μόλις κάνεις κλικ στην επιλογή “Select or Create Project”, θα εμφανιστεί ένα νέο tab με όνομα “My Project”, το οποίο και θα επιλέξεις.

Αφού έχεις επιλέξει το tab “My Project”, στη συνέχεια θα κάνεις κλικ στην επιλογή “Enable API”, που βρίσκεται κάτω δεξιά στο αναδυόμενο παράθυρο.

Στη συνέχεια θα εμφανιστεί το κάτωθι μήνυμα, το οποίο σε ενημερώνει ότι το API Key ενεργοποιείται.

Μόλις ολοκληρωθεί η διαδικασία, θα εμφανιστεί το παρακάτω και θα μπορείς, πλέον, να πάρεις το API Key, κάνοντας ένα απλό copy με έναν από τους εξής τρόπους:

• Δεξί κλικ στο mouse και αριστερό κλικ στην επιλογή αντιγραφή.
• Επιλέγεις όλο το API Key με το mouse και πατάς Ctrl + C στο πληκτρολόγιό σου.
• Κλικάρεις το εικονίδιο στο δεξί μέρος από το API Key.

Αυτό ήταν!

Μόλις απέκτησες το Google Maps API Key, το οποίο θα χρειαστεί να ενσωματώσεις στον JavaScript κώδικα που είδαμε παραπάνω ή απλώς να το δώσεις στον developer σου, ώστε να το ενσωματώσει εκείνος.

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