Χάρτες Google χωρίς κλειδί API

Κανονικά, κατά την ενσωμάτωση των Χαρτών Google, συνεργάζεστε με το API JavaScript των Χαρτών , το οποίο απαιτεί ένα κλειδί API και μπορεί να προκαλέσει κόστος που δεν πρέπει να υποτιμάται με υψηλότερους αριθμούς πρόσβασης. Υπάρχουν εξαιρετικές εναλλακτικές λύσεις όπως το mapbox ή το OpenStreetMap , αλλά δεν επιτυγχάνουν ακόμη την ποικιλία των δυνατοτήτων που προσφέρει η Google. Η ίδια η Google προσφέρει επίσης έναν τρόπο χωρίς κλειδί API μέσω της λειτουργίας κοινής χρήσης, την οποία μπορούμε να χρησιμοποιήσουμε για τους σκοπούς μας.


Αυτή η διαδρομή μπορεί να χρησιμοποιηθεί μέσω προγραμματισμού για την παραγωγή οποιασδήποτε διεύθυνσης (ακόμη και χωρίς να γνωρίζουμε το γεωγραφικό πλάτος και μήκος). Επιπλέον, ο χάρτης (σε αντίθεση με το αντίστοιχο JS) περιέχει έναν σύνδεσμο για τον προγραμματιστή διαδρομής. Ο χάρτης μπορεί επίσης να αναπτυχθεί με τη βοήθεια φίλτρων CSS (αν και το αποτέλεσμα δεν πλησιάζει αρκετά τα εγγενή στυλ που είναι δυνατά με το JS API)

Για πολλά χρόνια, ο τρόπος για να γίνει αυτό ήταν μέσω της παραμέτρου output = embed , την οποία η Google δεν υποστηρίζει επίσημα και έτσι τα σφάλματα εμφάνισης έχουν αυξηθεί στο πρόσφατο παρελθόν:

331190767bb32b2468632e609223c53e

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

331190767bb32b2468632e609223c53e

Εάν δομήσουμε τη μεγάλη διεύθυνση URL στην παράμετρο src , προκύπτει ένα μοτίβο:

331190767bb32b2468632e609223c53e

Αναγνωρίζουμε τους ακόλουθους τύπους δεδομένων:

  • m: μήτρα
  • s: συμβολοσειρά
  • στ: επιπλέουν
  • δ: Διπλό
  • i: ακέραιος
  • ε: enum

Μετά από λίγες προσπάθειες δοκιμής και σφάλματος, μπορούμε να εξαλείψουμε ορισμένες τιμές και να συσκευάσουμε τις πιο σημαντικές τιμές σε μεταβλητές, για παράδειγμα για να ορίσουμε δυναμικά τη διεύθυνση:

331190767bb32b2468632e609223c53e

Τέλος, μπορούμε να προσθέσουμε μια πιο όμορφη εμφάνιση στον χάρτη, για παράδειγμα με τη βοήθεια του παρακάτω κώδικα CSS:

331190767bb32b2468632e609223c53e

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

Πίσω