Cách khắc phục Lỗi: Trang này không tải Google Maps chính xác
Bạn có đang nhìn thấy thông báo “Trang này đã không tải Google Maps một cách chính xác” hay “This page can’t load Google Maps correctly.”, khi xem bản đồ trên trang web của bạn không? Lỗi này đã trở nên phổ biến hơn rất nhiều kể từ khi Google Maps bắt đầu yêu cầu khóa API vào ngày 22 tháng 6 năm 2016 (sau khoảng 10 năm cho phép sử dụng không cần khóa). Nếu bạn bắt đầu sử dụng Google Maps trên trang web của mình vào hoặc sau ngày đó thì bạn sẽ cần đăng ký và triển khai khóa API (người dùng cũ vẫn không cần khóa).
Google đã không thiết lập khóa API một quy trình rất thân thiện với người dùng. Giao diện của họ hướng đến các nhà phát triển. Như vậy, nhiều người dùng gặp khó khăn khi tạo một khóa chính xác. Hướng dẫn này không chỉ dành cho các website thuộc Synezi mà còn cho bất kỳ ai trên Internet muốn biết cách khắc phục lỗi Trang này đã không tải Google Maps một cách chính xác lỗi trên trang web của họ.
Tạo Khóa API của Google Maps
Thực hiện theo các bước sau để tạo và triển khai Khóa API Google Maps. Google cung cấp cho bạn một số lượng ứng dụng miễn phí rất lớn mỗi tháng, điều này khiến dịch vụ bản đồ của họ hầu như miễn phí. Cho đến nay, không có khách hàng nào của chúng tôi từng báo cáo cần phải trả phí dịch vụ của Google.
- Chuyển đến trang Google Maps Platform, sau đó nhấp vào Bắt đầu (Get Started).
- Chọn Bản đồ (Maps), Tuyến đường (Routes) và Địa điểm (Places) (cả ba), sau đó nhấp vào Tiếp tục.
- Đăng nhập vào Tài khoản Google của bạn hoặc tạo một tài khoản mới, nếu cần.
Bạn có thể cần lặp lại các bước trên sau khi đăng nhập. - Chọn mục Tạo một dự án mới (Create a new project), nhập tên, sau đó nhấp vào Tiếp theo (Next).
- Google sẽ yêu cầu Thiết lập thanh toán cho dự án mới của bạn để tiến hành kích hoạt API của bạn. Bước này Google yêu cầu phải nhập thông tin thẻ tín dụng, nếu bạn không sẵn sàng thì có thể bỏ qua và thực hiện các bước tiếp theo bên dưới.
- Vào trực tiếp trang quản lý ứng dụng của google : sau đó chọn Dự án mà bạn vừa tạo ở bước trên nếu có nhiều dự án, nếu chỉ có 1 thì ngầm định sẽ là dự án vừa tạo.
- Chọn Google maps và Kích hoạt (Enable) Map Javascript API
- Tiếp tục chọn mục Thông tin xác thực Credentials
- Lựa chọn API Key
- Key sẽ được tạo thành công
- Như vậy bạn đã có thể sử dụng key này vào website của mình ví dụ trong Tùy chọn Theme (Theme options)
- Để api key hoạt động đúng, bạn cần hạn chế key cho website mà bạn sở hữu.Trong phần Giới hạn ứng dụng, chọn HTTP (trang web)-HTTP referrers (web sites), sau đó thêm hai mục bên dưới (thay thế yourname.com bằng tên miền của riêng bạn). Nhập mục đầu tiên, sau đó nhấn enter trên bàn phím của bạn để thêm nó. Lặp lại để thêm mục thứ hai. Có cả hai mục (có dấu hoa thị) sẽ giúp đảm bảo bản đồ của bạn hoạt động trên bất kỳ URL nào của trang web của bạn. Tất nhiên, key này có thể sử dụng cho nhiều website khác nhau.
Lưu ý: Google cho biết có thể mất tới 5 phút để khóa của bạn hoạt động. Chúng tôi đã thấy có trường hợp cần tới 30 phút hoặc lâu hơn. Hãy ghi nhớ điều này nếu bản đồ của bạn không hiển thị ngay lập tức.