Google Maps không có khóa API

Thông thường, khi tích hợp Google Maps, bạn làm việc với API JavaScript của Maps , API này yêu cầu khóa API và có thể gây ra chi phí không nên đánh giá thấp với số lượng truy cập cao hơn. Có những lựa chọn thay thế tuyệt vời như mapbox hoặc OpenStreetMap , nhưng chúng chưa đạt được sự đa dạng của các tính năng do Google cung cấp. Bản thân Google cũng cung cấp một cách không cần khóa API thông qua chức năng chia sẻ mà chúng tôi có thể sử dụng cho các mục đích của mình.


Đường dẫn này có thể được sử dụng theo chương trình để xuất ra bất kỳ địa chỉ nào (ngay cả khi không biết vĩ độ và kinh độ). Trên hết, bản đồ (trái ngược với bản đối chiếu JS) chứa một liên kết đến công cụ lập kế hoạch tuyến đường. Bản đồ cũng có thể được tạo ra với sự trợ giúp của các bộ lọc CSS (mặc dù kết quả không hoàn toàn gần với các kiểu gốc có thể có với JS API).

Trong nhiều năm, cách thực hiện điều này là thông qua tham số output = nhúng , mà Google không chính thức hỗ trợ và do đó lỗi hiển thị đã tăng lên trong thời gian gần đây:

331190767bb32b2468632e609223c53e

Nếu bạn sử dụng chức năng chia sẻ chính thức qua maps.google.de , bạn sẽ nhận được mã sau, ví dụ::

331190767bb32b2468632e609223c53e

Nếu chúng ta cấu trúc URL dài trong tham số src , một mẫu sẽ dẫn đến:

331190767bb32b2468632e609223c53e

Chúng tôi nhận ra các loại dữ liệu sau:

  • m: ma trận
  • s: string
  • f: float
  • d: Đôi
  • i: số nguyên
  • e: enum

Sau một vài lần thử và thử lỗi, chúng tôi có thể loại bỏ một số giá trị và đóng gói các giá trị quan trọng nhất trong các biến, ví dụ: để xác định động địa chỉ:

331190767bb32b2468632e609223c53e

Cuối cùng, chúng ta có thể thêm giao diện đẹp hơn cho bản đồ bằng cách sử dụng mã CSS sau, chẳng hạn:

331190767bb32b2468632e609223c53e

Cuối cùng, chúng tôi nhận được một bản đồ động, miễn phí hoạt động đáng tin cậy:

Trở lại