Chủ website nhúng Google Maps gặp lỗi: "This page can't load Google Maps correctly" hoặc "See the JavaScript console for technical details". Nguyên nhân: Google yêu cầu API Key cho Maps JavaScript API (từ 2018).
Nguyên nhân
Trước đây nhúng code iframe/script là đủ. Giờ bắt buộc phải có API Key. Nếu đã có key mà vẫn lỗi → bấm F12 → tab Console xem chi tiết (key sai, key bị hạn chế domain, quota hết...).
Cách thêm Google Maps API Key cho WordPress (CMS phổ biến nhất)
- Mở cài đặt Plugin Google Maps trên WordPress → tìm ô nhập API Key. (Nếu plugin không có ô này → plugin quá cũ, cần cập nhật hoặc đổi plugin).
- Giữ trang cài đặt mở.
- Truy cập Google Cloud Resource Manager → Đăng nhập Google.
- Tạo Project mới: Create Project → đặt tên → Create.
- Vào APIs & Services Dashboard → Enable APIs and Services.
- Tìm Maps JavaScript API → Enable.
- Menu bên trái: APIs & Services → Credentials.
- Create Credentials → API Key.
- Click key vừa tạo → Application restrictions chọn HTTP referrers → thêm domain website của bạn → Save.
- Copy API Key → dán vào ô API Key trong cài đặt Plugin WordPress → Save.
- Vào trang web có Maps → Refresh (F5) → kiểm tra.
QUAN TRỌNG: Phải bật Billing (thẻ tín dụng) trên Google Cloud. Google cho 300$ credit miễn phí 12 tháng (hết trước thì tính tiền). Không bật Billing → Maps không load.