Tạo Google Maps API Key để chèn bản đồ Google vào WordPress.
Sau khi Google cập nhật chính sách mới về việc chèn Google Maps vào blog/ website, chắc hẳn nhiều bạn sẽ cảm thấy hoang mang vì bản đồ không còn hiển thị được như trước đó nữa. Thay vào đấy là những dòng thông báo lỗi kiểu như “Google Maps API error: MissingKeyMapError“. Nguyên nhân của việc này là do giờ đây Google yêu cầu phải có API Key thì mới cho hiển thị Google Maps. Vậy cách tạo Google Maps API Key như thế nào? Trong bài viết hôm nay, tôi sẽ hướng dẫn cho các bạn cách để làm điều đó.
Tham khảo thêm:
- Làm thế nào để chèn Google Maps vào WordPress
- Top 5 plugins tích hợp Google Maps tốt nhất cho WordPress
Hướng dẫn tạo Google Maps API Key đơn giản
1. Đầu tiên, các bạn cần phải truy cập vào đây, kéo xuống dưới và click vào nút Get a Key.
2. Click vào mục Select or create project và chọn Create new project. Đặt tên cho project của bạn và click vào nút Create and enable API.
3. Chờ trong giây lát để quá trình hoàn tất. Bạn sẽ nhận được kết quả trông như thế này.
Nội dung trong mục Your API Key chính là thứ mà bạn cần lấy.
4. Để bảo vệ an toàn cho Google Maps API Key, các bạn hãy click vào nút Go to Console (trong mục API Console).
5. Click tiếp vào tab Credentials.
6. Click chọn API Key mà bạn vừa tạo.
7. Click chọn HTTP referrers (web sites) và điền tên miền của bạn vào mục bên dưới.
Click vào nút Save để lưu lại.
8. Việc cuối cùng là copy API Key và chèn vào plugin hoặc theme của bạn để Google Maps có thể hiển thị bình thường. Đơn giản vậy thôi, chúc các bạn thành công!
Mọi thắc mắc liên quan đến việc tạo Google Maps API Key xin vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhét. Cảm ơn rất nhiều. :)
Em dùng Plugin WP Google Maps, đã tạo API Key và add vào Advanced Settings, tuy nhiên khi quay trở lại phần Maps thì nó hiển thị lỗi : Api Not Activated Map Error
Nhìn có vẻ như bạn chưa kích hoạt Google Maps API Key trong Google Cloud Platform.
Dạ kích hoạt Google Maps API Key như thế nào anh?
Google họ có cả video hướng dẫn chi tiết luôn này bạn: https://www.youtube.com/watch?v=2_HZObVbe-g
Tham khảo thử xem nhé. Bài viết của mình hơi cũ rồi nên giao diện có thể không giống với hiện tại nữa.
Cảm ơn anh ạ, e làm theo Video hướng dẫn và đã add được r ạ.
Đúng là có vài chỗ khác hướng dẫn của anh.
cảm ơn bạn đã chia sẻ thông tin. Nó rất bổ ích cho người mới như mình
Mình chèn vào phần footer của trang web, nhưng mà chỉ hiện ở trang chủ, còn trang con thì “The Google Maps API server rejected your request. This API project is not authorized to use this API.” làm sao để nó tự động chèn cho mọi trang con ad nhỉ
Bạn tham khảo bài viết “Chèn code vào Header và Footer của WordPress một cách đơn giản” xem sao nhé. :P
The Google Maps API server rejected your request. This API project is not authorized to use this API.
Em cần làm gì ạ?