Χάρτες [Google Static Map]
ΕΡΩΤΗΜΑ :: ΠΩΣ μπορώ να δημιουργήσω και να εισάγω στην ιστοσελίδα μου έναν στατικό χάρτη? [Google Static Map]
Το παραπάνω ερώτημα είναι εύκολο να απαντηθεί, μια και η Google έχει διαμορφώσει έναν online οδηγό (Wizard) με τίτλο :: Create a map with a marker and optional info window.
Στην σελίδα αυτή της δημιουργίας ενός στατικού χάρτη η Google κατάφερε και έδωσε ως τελικό προϊόν των τριών συνολικά βημάτων που απαιτούνται για την ολοκλήρωσή της, μία σειρά κώδικα της μορφής
Στο βήμα με αριθμό (1) καθορίζεις τρία βασικά στοιχεία του χάρτη, με
- πρώτο αυτό του επίπεδο ζουμ του χάρτη. Πως? Χρησιμοποιούμε ε τα αντίστοιχα πλήκτρα που υπάρχουν επί του χάρτη. (Use the map control to zoom in/out to the desired zoom level.)
- δεύτερο αυτό του καθορισμού του σημείου ενδιαφέροντος (marker), γράφωντας την διεύθυνση και την περιοχή στο edit box και πατάμε το κουμπί (button). Εάν το σημείο δεν έχει προσδιοριστεί επακριβώς μπορούμε να το τοποθετήσουμε στην σωστή θέση μετακινώντας το. (Enter the desired address/location in the box and press the button. If the marker is a little off, drag it around to where it should be.)
- τρίτο μπορούμε επίσης να εισάγουμε μία διαδρομή-μονοπάτι (path) πολυγωνική (τεθλασμένη) γραμμή κάνοντας click επί του χάρτη και καθορίζοντας έτσι τα σημεία της διαδρομής. Το τελευταίο σημείο το καθορίζουμε με διπλό click. (You can optionally click on the map to indicate a starting point for a path. Clicking multiple times afterwards builds out the path.)
Στο βήμα με αριθμό (2) καθορίζεις τις διαστάσεις του χάρτη καθώς και τα χρώματα των αντικειμένων χάρτη.
Στο βήμα με αριθμό (3) εμφανίζεται ο κώδικας URL που πρέπει να εισάγουμε στην ιστοσελίδα μας ,
Βέβαια αν αντιγράψουμε τον κώδικα αυτόν όπως είναι και τον επικολλήσουμε στην αντίστοιχη θέση της ιστοσελίδας μας που θα εμφανίσει το χάρτη, θα αποτύχουμε. Ο κώδικα λοιπόν αυτός χρειάζεται δύο μικροτροποποιήσεις :
α. θα πρέπει να τον συμπεριλάβουμε σ' ένα tag <img src="εδώ θα τοποθετηθεί ο κώδικας" />
β. στην συνέχεια όπως παρατηρείτε στον κώδικα URL υπάρχει η έκφραση key=YOUR_KEY_HERE, για να βρείτε το key(=κλειδί) που αντιστοιχεί στην ιστοσελίδα μας αρκεί να μεταφερθούμε στην αντίστοιχη σελίδα της Google κάνοντας click εδώ.
Στην σελίδα που θα ανοίξει θα εισάγουμε την URL διεύθυνση της ιστοσελίδας μας που θέλουμε να φιλοξενήσει τον χάρτη και αμέσω μα επιστρέφεται ένα κλειδί που αντιστοιχεί, τύπου : key=ABQIAAAASyAorLLjZ64szIyjgoljyhTHYey8IFauBgW1VJFqA54n
το κλειδί αυτό θα το εισάγουμε στην θέση key=YOUR_KEY_HERE...
Δεν έχουμε λοιπόν παρά να δοκιμάσουμε.
***Όλα τα πνευματικά δικαιώματα ανήκουν στην Google, Inc. στο παρακάτω απόσπασμα προβολής
Καλή επιτυχία... Enjoy... (περισσότερες πληροφορίες :: Google Static Maps API)
LaryT.
Το παραπάνω ερώτημα είναι εύκολο να απαντηθεί, μια και η Google έχει διαμορφώσει έναν online οδηγό (Wizard) με τίτλο :: Create a map with a marker and optional info window.
Στην σελίδα αυτή της δημιουργίας ενός στατικού χάρτη η Google κατάφερε και έδωσε ως τελικό προϊόν των τριών συνολικά βημάτων που απαιτούνται για την ολοκλήρωσή της, μία σειρά κώδικα της μορφής
http://maps.google.com/staticmap?center=37.400470,-122.072981&zoom=13&size=500x300&key=YOUR_KEY_HERE
Στο βήμα με αριθμό (1) καθορίζεις τρία βασικά στοιχεία του χάρτη, με
- πρώτο αυτό του επίπεδο ζουμ του χάρτη. Πως? Χρησιμοποιούμε ε τα αντίστοιχα πλήκτρα που υπάρχουν επί του χάρτη. (Use the map control to zoom in/out to the desired zoom level.)
- δεύτερο αυτό του καθορισμού του σημείου ενδιαφέροντος (marker), γράφωντας την διεύθυνση και την περιοχή στο edit box και πατάμε το κουμπί (button). Εάν το σημείο δεν έχει προσδιοριστεί επακριβώς μπορούμε να το τοποθετήσουμε στην σωστή θέση μετακινώντας το. (Enter the desired address/location in the box and press the button. If the marker is a little off, drag it around to where it should be.)
- τρίτο μπορούμε επίσης να εισάγουμε μία διαδρομή-μονοπάτι (path) πολυγωνική (τεθλασμένη) γραμμή κάνοντας click επί του χάρτη και καθορίζοντας έτσι τα σημεία της διαδρομής. Το τελευταίο σημείο το καθορίζουμε με διπλό click. (You can optionally click on the map to indicate a starting point for a path. Clicking multiple times afterwards builds out the path.)
Στο βήμα με αριθμό (2) καθορίζεις τις διαστάσεις του χάρτη καθώς και τα χρώματα των αντικειμένων χάρτη.
Στο βήμα με αριθμό (3) εμφανίζεται ο κώδικας URL που πρέπει να εισάγουμε στην ιστοσελίδα μας ,
http://maps.google.com/staticmap?center=37.400470,-122.072981&zoom=13&size=500x300&key=YOUR_KEY_HERE
Βέβαια αν αντιγράψουμε τον κώδικα αυτόν όπως είναι και τον επικολλήσουμε στην αντίστοιχη θέση της ιστοσελίδας μας που θα εμφανίσει το χάρτη, θα αποτύχουμε. Ο κώδικα λοιπόν αυτός χρειάζεται δύο μικροτροποποιήσεις :
α. θα πρέπει να τον συμπεριλάβουμε σ' ένα tag <img src="εδώ θα τοποθετηθεί ο κώδικας" />
β. στην συνέχεια όπως παρατηρείτε στον κώδικα URL υπάρχει η έκφραση key=YOUR_KEY_HERE, για να βρείτε το key(=κλειδί) που αντιστοιχεί στην ιστοσελίδα μας αρκεί να μεταφερθούμε στην αντίστοιχη σελίδα της Google κάνοντας click εδώ.
Στην σελίδα που θα ανοίξει θα εισάγουμε την URL διεύθυνση της ιστοσελίδας μας που θέλουμε να φιλοξενήσει τον χάρτη και αμέσω μα επιστρέφεται ένα κλειδί που αντιστοιχεί, τύπου : key=ABQIAAAASyAorLLjZ64szIyjgoljyhTHYey8IFauBgW1VJFqA54n
το κλειδί αυτό θα το εισάγουμε στην θέση key=YOUR_KEY_HERE...
Δεν έχουμε λοιπόν παρά να δοκιμάσουμε.
***Όλα τα πνευματικά δικαιώματα ανήκουν στην Google, Inc. στο παρακάτω απόσπασμα προβολής
Καλή επιτυχία... Enjoy... (περισσότερες πληροφορίες :: Google Static Maps API)
LaryT.
Σχόλια