Πώς να προσθέσετε διαδρομές Google στον ιστότοπό σας

Ως ειδικός σε θέματα πληροφορικής, θα σας δείξω πώς να προσθέσετε τις Διαδρομές Google στον ιστότοπό σας. Αυτό θα επιτρέψει στους επισκέπτες σας να λάβουν οδηγίες για την τοποθεσία σας από όπου κι αν βρίσκονται. Αρχικά, θα χρειαστεί να δημιουργήσετε ένα κλειδί API Χαρτών Google. Μπορείτε να το κάνετε αυτό μεταβαίνοντας στο Google Developers Console και δημιουργώντας ένα νέο έργο. Αφού δημιουργήσετε ένα έργο, κάντε κλικ στον σύνδεσμο «Ενεργοποίηση και διαχείριση API» και, στη συνέχεια, βρείτε το «Ενσωμάτωση Χαρτών API» και ενεργοποιήστε το. Στη συνέχεια, θα πρέπει να λάβετε τον κωδικό για το γραφικό στοιχείο Διαδρομές Google. Μπορείτε να βρείτε αυτόν τον κωδικό μεταβαίνοντας στη σελίδα ενσωμάτωσης του API Χαρτών Google και επιλέγοντας το κουμπί 'Λήψη κώδικα'. Αντιγράψτε τον κώδικα και επικολλήστε τον στο HTML του ιστότοπού σας. Τέλος, θα χρειαστεί να προσθέσετε τον ακόλουθο κώδικα στον ιστότοπό σας για να εμφανίσετε το γραφικό στοιχείο: Αντικαταστήστε το 'YOUR_API_KEY' με το κλειδί API που δημιουργήσατε νωρίτερα και το 'Your+Destination' με τη διεύθυνση της τοποθεσίας σας. Αποθηκεύστε τις αλλαγές σας και τελειώσατε! Οι επισκέπτες σας θα μπορούν πλέον να λαμβάνουν οδηγίες για την τοποθεσία σας από οπουδήποτε στον κόσμο.

Αν θέλεις να μάθεις πώς να προσθέσετε οδηγίες οδήγησης google στον ιστότοπό σας τότε διαβάστε αυτήν την ανάρτηση. Χάρτες Google είναι το πιο δημοφιλές υπηρεσία ψηφιακού χάρτη Παγκόσμιος. Χρησιμοποιεί πληροφορίες κυκλοφορίας σε πραγματικό χρόνο για να βρει την καλύτερη διαδρομή προς έναν δεδομένο προορισμό. Ενσωμάτωση χάρτη Google στο blog ή τον ιστότοπό σας βοηθά τους επισκέπτες σας να δουν την τοποθεσία σας σε έναν παγκόσμιο χάρτη, να δουν τη διεύθυνσή σας και να διαβάσουν κριτικές (αν υπάρχουν). Ενώ μπορείτε εύκολα να ενσωματώσετε έναν χάρτη στον ιστότοπό σας χρησιμοποιώντας τη μοναδική γεννήτρια κώδικα ενσωμάτωσης Χαρτών Google, δεν μπορείτε να χρησιμοποιήσετε αυτόν τον χάρτη ως εργαλείο πλοήγησης για να βοηθήσετε τους επισκέπτες σας να βρουν το δρόμο προς την τοποθεσία σας. Σε αυτήν την ανάρτηση, θα σας δείξουμε πώς να χρησιμοποιείτε τους Χάρτες Google για να εμφανίζετε οδηγίες οδήγησης στους επισκέπτες σας.

Πώς να προσθέσετε διαδρομές Google στον ιστότοπό σας

Θα δούμε τις παρακάτω 2 μεθόδους μέσω των οποίων μπορείτε προσθέστε οδηγίες οδήγησης Google στον ιστότοπό σας :

1. Εισαγάγετε στατικό χάρτη Google και χρησιμοποιήστε τη φόρμα html για να εμφανίσετε τη διαδρομή χάρτη
2. Χρησιμοποιήστε το iFrame Map Generator

Ας δούμε αυτές τις μεθόδους λεπτομερώς.

1] Εισαγάγετε έναν στατικό χάρτη Google και χρησιμοποιήστε μια φόρμα HTML για να εμφανίσετε τη διαδρομή του χάρτη.

Αυτή η μέθοδος περιλαμβάνει 2 βήματα. Βήμα 1 - Ενσωμάτωση στατικός Χάρτης Google που επισημαίνει την ακριβή τοποθεσία σας. Το βήμα 2 είναι η προσθήκη μιας φόρμας HTML που αποδέχεται την τοποθεσία του χρήστη και δημιουργεί έναν χάρτη διαδρομής για αυτούς στους Χάρτες Google. Ας δούμε πώς μπορεί να γίνει αυτό.

A] Ενσωματώστε τον χάρτη Google στον ιστότοπό σας

1. Εκκινήστε το πρόγραμμα περιήγησής σας.
2. Άνοιξε Χάρτες Google σε μια νέα καρτέλα προγράμματος περιήγησης.
3. Εισαγάγετε τη διεύθυνσή σας στη γραμμή αναζήτησης των Χαρτών Google στην επάνω αριστερή γωνία.
4. Επιλέξτε μια τοποθεσία από τη λίστα αποτελεσμάτων που εμφανίζονται.
   Σημείωση: Εάν δεν μπορείτε να βρείτε τη διεύθυνσή σας, κάντε μεγέθυνση στους Χάρτες Google για να την παρακολουθήσετε. Μπορείτε να χρησιμοποιήσετε πανοράματα Street View στους Χάρτες Google για να επισημάνετε την τοποθεσία σας σε έναν χάρτη. Μόλις το βρείτε, μπορείτε να εισαγάγετε τα σωστά στοιχεία της διεύθυνσής σας χρησιμοποιώντας τις επιλογές 'Προσθήκη τοποθεσίας που λείπει' ή 'Προσθήκη της επιχείρησής σας' και, στη συνέχεια, υποβάλετε την τοποθεσία σας στην Google για επαλήθευση. Θα προστεθεί εντός λίγων ωρών μετά την υποβολή του αιτήματος.
5. Όταν οι Χάρτες Google εμφανιστούν για να εντοπίσουν την ακριβή τοποθεσία σας, κάντε κλικ στο εικονίδιο Μερίδιο εικόνισμα.
6. Εναλλαγή σε Ενσωματώστε έναν χάρτη αυτί
7. Τύπος Αντιγραφή HTML σύνδεσμο για να αντιγράψετε τον κώδικα του χάρτη στο πρόχειρό σας. Μπορείτε να αποφασίσετε πόσο μεγάλος ή μικρός θέλετε να εμφανίζεται ο χάρτης στον ιστότοπό σας επιλέγοντας ένα προκαθορισμένο μέγεθος (μικρό, μεσαίο, μεγάλο) ή εισάγοντας ένα προσαρμοσμένο μέγεθος.
8. Στη συνέχεια, μεταβείτε στον πίνακα διαχείρισης του ιστότοπού σας.
9. Ανοίξτε την ιστοσελίδα στην οποία θέλετε να ενσωματώσετε τον χάρτη.
10. Μεταβείτε στην προβολή επεξεργασίας κώδικα.
11. Επικολλήστε τον κωδικό.
12. Βγείτε από το πρόγραμμα επεξεργασίας κώδικα. Θα μπορείτε να δείτε μια προεπισκόπηση των Χαρτών Google.

B] Χρησιμοποιήστε μια φόρμα HTML για να δημιουργήσετε μια διαδρομή πλοήγησης στους Χάρτες Google.

1. Επιστρέψτε στην προβολή επεξεργασίας κώδικα.
2. Προσθέστε τον κωδικό που φαίνεται στην παρακάτω εικόνα κάτω από τον κώδικα του Χάρτη Google:
3. Αντικαταστήστε την τιμή της διεύθυνσης προορισμού που επισημαίνεται στην εικόνα με τη διεύθυνση της τοποθεσίας σας.
4. Έξοδος από την προβολή επεξεργασίας κώδικα.
5. Κάντε προεπισκόπηση του κώδικα και ελέγξτε εάν λειτουργεί προσθέτοντας μια διεύθυνση στο πεδίο 'Εισαγωγή διεύθυνσης' και κάνοντας κλικ στο κουμπί Δείξε μου την κατεύθυνση να πάω κουμπί.
6. Τα παραπάνω βήματα θα πρέπει διαδρομή εμφάνισης από την εισαγόμενη διεύθυνση στην τοποθεσία σας στους Χάρτες Google.
7. Αν όλα είναι καλά, τότε μπορείς Δημοσιεύω ο κώδικας.

2] Χρησιμοποιήστε το iFrame Map Generator

1. Εκκινήστε το πρόγραμμα περιήγησής σας.
2. Άνοιξε Δωρεάν HTML Map Generator σε μια νέα καρτέλα προγράμματος περιήγησης.
3. Εισαγάγετε τη διεύθυνσή σας Εισαγάγετε τη διεύθυνσή σας πεδίο αναζήτησης στον αριστερό πίνακα.
4. Η τοποθεσία σας θα εμφανίζεται στους Χάρτες Google στη δεξιά πλευρά της οθόνης. Μπορείτε να ορίσετε τον τύπο χάρτη, την απόσταση ζουμ, το πλάτος ή το ύψος. Μπορείτε επίσης να κάνετε τον χάρτη να αποκρίνεται κάνοντας κλικ στο κουμπί εναλλαγής δίπλα Κάντε τον χάρτη να ανταποκρίνεται επιλογή.
5. Κάντε κλικ στο Δημιουργία κώδικα HTML κουμπί παρακάτω.
6. Θα εμφανιστεί ο κωδικός. Πατήστε το Αντιγραφή κώδικα στο πρόχειρο κουμπί.
7. Συνδεθείτε στον πίνακα διαχείρισης του ιστότοπού σας.
8. Ανοίξτε τη σελίδα στην οποία θέλετε να τοποθετήσετε τον χάρτη.
9. Μεταβείτε στην προβολή επεξεργασίας κώδικα.
10. Επικολλήστε τον κωδικό.
11. Βγείτε από το πρόγραμμα επεξεργασίας κώδικα.
12. Κάντε κλικ στο Προεπισκόπηση κουμπί. Θα εμφανιστεί η προεπισκόπηση χάρτη.
13. Κάντε κλικ στο Κατευθύνσεις εικόνισμα.
14. Οι Χάρτες Google θα ανοίξουν με τη διεύθυνσή σας προσυμπληρωμένη ως προορισμό σας.
15. Εισαγάγετε τη διεύθυνση έναρξης. Μπορείτε επίσης να χρησιμοποιήσετε Η τοποθεσία σου επιλογή για να επιτρέψετε στους Χάρτες Google να χρησιμοποιούν την τρέχουσα τοποθεσία σας.
16. Θα εμφανιστεί ο χάρτης διαδρομής.
17. Αν όλα λειτουργούν καλά, Δημοσιεύω σελίδα.

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

Διαβάστε επίσης: Οι καλύτερες εναλλακτικές λύσεις Χαρτών Google για καθημερινή χρήση.

Μπορώ να προσθέσω τους Χάρτες Google στον ιστότοπό μου;

Ναι, μπορείτε να προσθέσετε τους Χάρτες Google στον ιστότοπο ή στο ιστολόγιό σας. χρησιμοποιώντας το Google Embed Code Generator ή το δωρεάν Google HTML Map Generator. . Και οι δύο αυτές επιλογές σάς επιτρέπουν να ενσωματώσετε έναν χάρτη Google που επισημαίνει τη διεύθυνσή σας με μια κόκκινη μπάλα, αν και υπάρχει μια μικρή διαφορά μεταξύ των δύο. Ενώ το πρώτο σάς επιτρέπει να ενσωματώσετε έναν στατικό χάρτη που επιτρέπει στους επισκέπτες σας να δουν την ακριβή τοποθεσία σας, κοντινά σημεία ενδιαφέροντος κ.λπ., το δεύτερο προσφέρει Κατευθύνσεις μια λειτουργία που δημιουργεί έναν πλήρη χάρτη διαδρομής που μπορούν να χρησιμοποιήσουν για να βρουν οδηγίες οδήγησης προς την τοποθεσία σας. Ανάλογα με τις ανάγκες σας, μπορείτε να χρησιμοποιήσετε οποιαδήποτε από αυτές τις επιλογές για να προσθέσετε τους Χάρτες Google στον ιστότοπο ή το ιστολόγιό σας.

Πώς μπορώ να λάβω τον κώδικα ενσωμάτωσης των Χαρτών Google;

Η λήψη του κώδικα ενσωμάτωσης των Χαρτών Google είναι αρκετά εύκολη. Απλώς ανοίξτε τους Χάρτες Google σε μια νέα καρτέλα στο παράθυρο του προγράμματος περιήγησής σας και εισαγάγετε τη διεύθυνσή σας στη διαθέσιμη γραμμή αναζήτησης. Όταν οι Χάρτες επιλέξουν και εμφανίσουν τη διεύθυνσή σας, κάντε κλικ στο εικονίδιο Μερίδιο εικόνισμα. Στο παράθυρο Κοινή χρήση, κάντε κλικ στο κουμπί Ενσωματώστε έναν χάρτη καρτέλα Στη συνέχεια κάντε κλικ στο Αντιγραφή HTML ο σύνδεσμος εμφανίζεται στην επάνω δεξιά γωνία. Αυτό είναι όλο! Μπορείτε επίσης να κάνετε κλικ στο μενού (εικονίδιο χάμπουργκερ) των Χαρτών Google και να κάνετε κλικ στο εικονίδιο Μοιραστείτε ή ενσωματώστε έναν χάρτη επιλογή. Ένας άλλος τρόπος για να λάβετε αυτόν τον κώδικα είναι μέσω του Free HTML Maps Generator (Maps iFrame Generator) όπως περιγράφεται στη μέθοδο 2 στην παραπάνω ανάρτηση.

Διαβάστε περισσότερα: Οι καλύτερες συμβουλές και κόλπα των Χαρτών Google για να σας κάνουν επαγγελματία.