" data-image-caption="Trang này đã không tải Google Maps đúng cách. Hãy xem bảng tinh chỉnh và điều khiển Javascript để biết chi tiết kỹ thuật

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-300x123.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-1024x420.png" />" data-image-caption="Trang này đang không tải Google Maps đúng cách. Hãy coi bảng tinh chỉnh và điều khiển Javascript để biết chi tiết kỹ thuật

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-300x123.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-1024x420.png" width="1144" height="469" src="https://sp-ao.shortpixel.ai/client/q_lqip,ret_wait,w_1144,h_469/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat.png" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1144,h_469/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat.png" alt="Trang này đang không tải Google Maps đúng cách. Hãy coi bảng tinh chỉnh Javascript nhằm biết cụ thể kỹ thuật" class="lazyload wp-image-242" data-srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1144/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat.png 1144w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-300x123.png 300w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_768/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-768x315.png 768w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024/https://tutuhelperapps.com/wp-content/uploads/2017/01/trang-nay-da-khong-tai-google-maps-dung-cach-hay-xem-bang-dieu-khien-javascript-de-biet-chi-tiet-ky-thuat-1024x420.png 1024w" data-sizes="(max-width: 1144px) 100vw, 1144px" />Hình ảnh: Lỗi “Trang này đang không tải Google Maps đúng cách. Hãy xem bảng điều khiển Javascript để biết cụ thể kỹ thuật”

Theo một trong những bạn thì lỗi này chỉ xảy ra ở Hosting Việt Nam, tuy nhiên mình thực hiện cả Hosting việt nam và quốc tế (Digital Ocean) hầu như bị lỗi này. Thông báo lỗi:

Ngôn ngữ tiếng Việt:Rất tiếc! Đã xẩy ra lỗi. Trang này đã không tải Google Maps đúng cách. Hãy coi bảng điều khiển JavaScript để biết chi tiết kỹ thuật.Ngôn ngữ giờ Anh:Oops! something went wrong. This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

Bạn đang xem: Trang này không thể tải google maps đúng cách

Các Fix lỗithiếu API KEY Google Maps không sở hữu đúng cách

Nguyên nhân xuất hiện thêm lỗi:

Do tin tức Google maps trên trang của người tiêu dùng kết nối tới hệ thống của Google nhưng không thông qua hàm API.

Cách khắc phục:

chuẩn bị: Để đỡ mất thời gian, các bạn hãy đăng nhập vào Google trước lúc thực hiện. Chưa tồn tại tài khoản Google thì bạn hãy tạo đem 1 cái.

UPDATE MỚI NHẤT: Xem bài xích viết: phía dẫn tạo nên KEY API Google bản đồ dùng miễn mức giá 1000 request/tháng.

Bước 1:Tải Plugin (Gói mở rộng) API KEY for Google Maps Trong giao diện quản trị (admin), bạn tìm đến tab Plugin (ngôn ngữ giờ đồng hồ Việt là Gói mở rộng) >> nhấn chọn Cài mới. Vào ô Search Plugins chúng ta gõ API KEY for Google Maps.Sau khi có kết quả, chúng ta nhấn cài đặt cùng Active (kích hoạt) Plugin này lên.


" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps-300x144.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps-1024x490.png" width="1176" height="563" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1176,h_563/https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps.png" alt="Tìm, cài đặt và kích hoạt plugin API KEY for Google Maps" class="wp-image-243" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1176/https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps.png 1176w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps-300x144.png 300w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_768/https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps-768x368.png 768w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024/https://tutuhelperapps.com/wp-content/uploads/2017/01/tai-plugin-API-KEY-for-Google-Maps-1024x490.png 1024w" sizes="(max-width: 1176px) 100vw, 1176px" />(Lưu ý: nếu như bạn nào bị lỗi hiển thị number_format_thousands_sep000 như trong hình thì xem cách fix trên ĐÂY)

Bước 2: Truy cập API Console Trong giao diện quản trị website, bạn nhấn vào Settings (Cài đặt) / chọn Google API KEY sau đó nhấn vào liên kết click here. Trang Google API Console được mở ra.

Xem thêm: Download Phần Mềm Chuyển Từ Pdf Sang Word Không Bị Lỗi Font, Tải Phần Mềm Chuyển Đổi Pdf Sang Word


" data-image-caption="Trang Google API Console

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY-300x246.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png" width="486" height="398" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_486,h_398/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png" alt="Trang Google API Console" class="wp-image-248" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_486/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png 486w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY-300x246.png 300w" sizes="(max-width: 486px) 100vw, 486px" />" data-image-caption="Trang Google API Console

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY-300x246.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png" width="486" height="398" src="https://sp-ao.shortpixel.ai/client/q_lqip,ret_wait,w_486,h_398/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_486,h_398/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png" alt="Trang Google API Console" class="lazyload wp-image-248" data-srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_486/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY.png 486w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/tao-APIs-KEY-300x246.png 300w" data-sizes="(max-width: 486px) 100vw, 486px" />Hình ảnh: Trang Create an API – Google API Console

sau khoản thời gian mở Google API Console và các bạn đã đăng nhập thông tin tài khoản Gmail (tài khoản Google), bạn sẽ được chuyển thẳng mang đến trang Enable an API. Bạn chọn Create a Project kế tiếp nhấn Continue và hóng trong giây lát. Bước 3: Tạo API KEY Sau đó, trangCredentialscủa Google hiện tại ra, chúng ta tùy lựa chọn như hình dưới cùng nhấn Create.


" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Tuy-chon-tao-API-KEY-300x224.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Tuy-chon-tao-API-KEY.png" width="652" height="486" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_652,h_486/https://tutuhelperapps.com/wp-content/uploads/2017/01/Tuy-chon-tao-API-KEY.png" alt="Tùy chọn tạo ra Project" class="wp-image-244" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_652/https://tutuhelperapps.com/wp-content/uploads/2017/01/Tuy-chon-tao-API-KEY.png 652w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/Tuy-chon-tao-API-KEY-300x224.png 300w" sizes="(max-width: 652px) 100vw, 652px" /> sau khi tạo thành công, mở ra thông báo như hình dưới. Câu chữ trong ô Your API key chính là Google API key chúng ta cần. Hãy copy dòng đó với sang cách 4.


" data-image-caption="Tạo Google API key thành công

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY-300x186.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png" width="620" height="385" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_620,h_385/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png" alt="Tạo Google API key thành công" class="wp-image-245" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_620/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png 620w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY-300x186.png 300w" sizes="(max-width: 620px) 100vw, 620px" />" data-image-caption="Tạo Google API key thành công

" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY-300x186.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png" width="620" height="385" src="https://sp-ao.shortpixel.ai/client/q_lqip,ret_wait,w_620,h_385/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png" data-src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_620,h_385/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png" alt="Tạo Google API key thành công" class="lazyload wp-image-245" data-srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_620/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY.png 620w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/Thong-bao-sau-khi-tao-xong-API-KEY-300x186.png 300w" data-sizes="(max-width: 620px) 100vw, 620px" />Tạo Google API key thành công

cách 4: Khai báo API KEY cho Google Maps. Tại giao diện Google API KEY trongtrang quản ngại trị (admin) của website. Chúng ta Paste (Ctrl + V) Google API KEY vừa mới tạo Enter Google Maps API KEY và nhấn Save Changes.


" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/nhap-Google-API-key-moi-tao-vao-website-300x110.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/nhap-Google-API-key-moi-tao-vao-website.png" width="719" height="264" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_719,h_264/https://tutuhelperapps.com/wp-content/uploads/2017/01/nhap-Google-API-key-moi-tao-vao-website.png" alt="Nhập Google API key mới tạo vào website cai quản trị" class="wp-image-246" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_719/https://tutuhelperapps.com/wp-content/uploads/2017/01/nhap-Google-API-key-moi-tao-vao-website.png 719w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/nhap-Google-API-key-moi-tao-vao-website-300x110.png 300w" sizes="(max-width: 719px) 100vw, 719px" />" data-medium-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key-300x126.png" data-large-file="https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key-1024x430.png" width="1133" height="476" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1133,h_476/https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key.png" alt="Kết quả sau 4 bước" class="wp-image-247" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1133/https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key.png 1133w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_300/https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key-300x126.png 300w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_768/https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key-768x323.png 768w, https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024/https://tutuhelperapps.com/wp-content/uploads/2017/01/fix-xong-loi-google-api-key-1024x430.png 1024w" sizes="(max-width: 1133px) 100vw, 1133px" />
*
TRƯỜNG HỢP CÁC BẠN LÀM THEO CÁCH TRÊN VẪN KHÔNG THÀNH CÔNG HÃY THỬ CÁCH BÊN DƯỚI

trên trình chú tâm đang mở trang quản ngại trị website, chúng ta đăng nhập 1 thông tin tài khoản google bất kỳ. Trong cửa sổ API KEY for Google Maps, bạn click vào Generate API Key, như hình dưới:




*
các bạn bôi đen khóa API hoặc bấm vào nút copy sau đó tạm dừng hoạt động sổ này lại. Các bạn dán khóa API vừa copy được vào ô Enter Google Maps API KEY và nhấn lưu cầm cố đổi.


Trường hợp chưa thành công:

Trường đúng theo bạn triển khai chính xác quá trình như trên mà chưa thành công, hãy thêm đoạn code sau vào vào thẻ head:

cố gắng YOUR_API_KEY bởi Google API key của bạn.

Để lấy Your_API_KEY mời bạn xem nội dung bài viết sau:

Hướng dẫn sinh sản KEY API Google bản đồ dùng miễn tầm giá 1000 request/tháng


*

Nguyễn Tiến Thu

Bài viết cung ứng đào sản xuất và lí giải đồng nghiệp. Nếu như bạn thấy nó ko còn tương xứng (đã lỗi thời), hãy dành riêng chút thời gian gửi tin tức cho tôi nhằm tôi cập nhật lại. Xin cảm ơn!