Google Earth / Χάρτες

Πώς να τοποθετήσετε ένα χάρτη μέσα σε ένα ιστό

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

Ο απλούστερος τρόπος είναι να ανοίξετε το χάρτη στους Χάρτες Google και να επιλέξετε την επιλογή "σύνδεση του χάρτη με ενσωματωμένο τρόπο" με τον οποίο μπορείτε να προσαρμόσετε ορισμένες παραμέτρους. Αυτό είναι δωρεάν API και γίνεται χρησιμοποιώντας τη φόρμα "iframe".

 

Ο άλλος τρόπος είναι η χρήση του API, μέσω ενός wizzard για το AJAX, το οποίο σας επιτρέπει να δημιουργήσετε τον κώδικα δίνοντας λίγες λεπτομέρειες:

1 Ορίστε παραμέτρους

google maps σε έναν ιστό

Σε αυτήν την περίπτωση, πρέπει να ορίσουμε το μέγεθος σε pixels του παραθύρου που θέλουμε να εμφανίσουμε, είναι προτιμότερο να διατηρήσουμε ένα που βρίσκεται εντός του μέγιστου εύρους της ανάρτησης στο blog, όπως το 400px

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

Μπορείτε να καθορίσετε τις αναμενόμενες λεπτομέρειες στο εμπορικό σήμα, το όνομα, τη διεύθυνση URL και τη διεύθυνση.

Πατώντας το κουμπί "κέντρο κέντρου προεπισκόπησης" μπορείτε να δείτε πώς θα εμφανίζεται το παράθυρο.

2 Ενεργοποιήστε τα δικαιώματα API

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

google maps σε έναν ιστό

Κανονικά, για να αποκτήσετε ένα API, εισάγετε αυτόν τον ιστότοπο και ζητάτε ένα για μια συγκεκριμένη διεύθυνση url, στη συνέχεια ζητήστε να εισαγάγετε τον λογαριασμό σας στο Gmail και σας εκχωρείται ένας αριθμός και ένα παράδειγμα κώδικα. Εάν η περίοδος λειτουργίας Gmail είναι ήδη ανοιχτή, το σύστημα συσχετίζει τον λογαριασμό.

 

3 Δημιουργία κώδικα

google maps σε έναν ιστό

Πατώντας το κουμπί "δημιουργία κώδικα" δημιουργείται το απαραίτητο html για να το εισαγάγετε μόνο στο Blog. Γι 'αυτό, η επιλογή κώδικα πρέπει να ενεργοποιηθεί, να την επικολλήσετε και να είναι έτοιμη, σε περίπτωση που την επικολλήσετε σε διαφορετικό ιστότοπο, στον οποίο έχει εξουσιοδοτηθεί το API, θα εμφανιστεί ένα μήνυμα που το απορρίπτει.

Και έτοιμο, θα πρέπει να φαίνεται καλό. πηγαίνετε στο Wizzard

Επειδή είναι ένα API που βασίζεται σε AJAX, ορισμένα από τα σενάρια που δημιουργούνται δεν λειτουργούν πολύ καλά σε ορισμένους διαχειριστές περιεχομένου, όπως το Wordpress MU, όπου υπάρχει έλεγχος της λειτουργικότητας, αλλά γενικά θα πρέπει να εκτελείται καλά.

Golgi Alvarez

Συγγραφέας, ερευνητής, ειδικός στα Μοντέλα Διαχείρισης Γης. Έχει συμμετάσχει στη σύλληψη και εφαρμογή μοντέλων όπως: Εθνικό Σύστημα Διαχείρισης Περιουσίας SINAP στην Ονδούρα, Μοντέλο Διαχείρισης Μικτών Δήμων στην Ονδούρα, Ολοκληρωμένο Μοντέλο Διαχείρισης Κτηματολογίου - Μητρώου στη Νικαράγουα, Σύστημα Διαχείρισης της Επικράτειας SAT στην Κολομβία . Συντάκτης του ιστολογίου γνώσης Geofumadas από το 2007 και δημιουργός της Ακαδημίας AulaGEO που περιλαμβάνει περισσότερα από 100 μαθήματα σε θέματα GIS - CAD - BIM - Digital Twins.

Σχετικά άρθρα

Αφήστε ένα σχόλιο

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

Επιστροφή στην κορυφή κουμπί