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

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

Πηγή: Google Maps Embed API

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

Google Maps

Πηγή: 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.

Google map this page didn't load google map correctly

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

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

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

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

Gmail Sign in

 

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

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

Gmail Create Account

 

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

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

Google Map API Key

 

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

Google Map Get an API Key

 

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

Enable Google Maps JavaScript API

 

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

Enable Google Map JavaScript API Create a New Project

 

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

Enable Google Maps JavaScript API

 

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

Enable Google Maps JavaScript API Loading

 

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

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

Enable Google Maps JavaScript API Your API Key

Αυτό ήταν!

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

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

Φτιάξε ένα σύγχρονο site - Κατασκευη ιστοσελιδας

Ο Σωσίπατρος είναι Digital Project Coordinator, στο τμήμα marketing του Χρυσού Οδηγού. Βάσει του ρόλου του είναι υπεύθυνος για τη συνολική πορεία υλοποίησης & διαχείρισης κάθε website project που αναλαμβάνει.

Συμπλήρωσε τα στοιχεία σου για να λαμβάνεις κάθε εβδομάδα Tips & Χρήσιμα Άρθρα για το Digital Marketing.

Μην ανησυχείς, δεν πρόκειται να σε spamάρουμε με άσχετα emails!

Μάθε πώς θα Κερδίσεις Νέους

Πελάτες μέσω Internet

Τέλεια! Σύντομα θα λάβεις τα πρώτα tips μας στο email σου