Χάρτες 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

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

Πίσω