Vào ngày 13 tháng 10 năm 2021, chúng tôi sẽ ngừng dịch vụ cung cấp "Maps"
cho google.load
.
Điều này có nghĩa là sau ngày 13 tháng 10 năm 2021, nếu bạn cố gắng sử dụng "Maps" mô-đun trong
google.load
, bạn sẽ gặp lỗi (mô-đun "maps" không được hỗ trợ) và
sẽ không có bản đồ nào tải. Để tránh tình trạng gián đoạn có thể xảy ra, bạn phải chuyển sang một
của các phương án thay thế.
Việc bạn cần làm
Trước tiên, hãy xoá thẻ <script>
tải trình tải google.load
,
sau đó xoá các lệnh gọi đến google.load
. Nếu bạn đang sử dụng Google Loader cho các thiết bị khác
bạn có thể giữ nguyên thẻ <script>
của trình tải lên.
Tiếp theo, hãy triển khai một cách thức mới để tải Maps JavaScript API (chọn một trong các tuỳ chọn sau):
Ví dụ hiện tại sử dụng Trình tải của Google
Ví dụ sau đây cho thấy cách Google Loader hiện đang được dùng để tải
API JavaScript cho Maps (có hai khối <script>
):
Trước
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("maps", "3.exp", {
"callback": initMap,
"key": "YOUR_KEY",
"libraries": "places,visualization"
});
function initMap() {
// Google Maps JS API is loaded and available
}
</script>
Tải cùng dòng bằng cách sử dụng thẻ <script>
(nên dùng)
Khi phương pháp này được sử dụng, API JavaScript của Maps sẽ tải tại
cùng lúc trang tải. Để triển khai tính năng tải cùng dòng, trước tiên hãy thay thế
<script>
tải www.google.com/jsapi ("before") với
Thẻ <script>
trong ví dụ sau:
<script async src="https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap">
</script>
Sau đó, trong mã JavaScript của bạn, hãy xoá lệnh gọi hàm google.load
, vì
nó không còn cần thiết nữa. Ví dụ sau đây trình bày một initMap()
trống
được gọi khi thư viện Maps đã tải thành công:
<script type='text/javascript'>
function initMap() {
// Google Maps JS API is loaded and available
}
</script>
Tải động từ một tệp JavaScript khác
Tính năng tải động cho phép bạn kiểm soát thời điểm tải Maps JavaScript API. Cho
bạn có thể đợi để tải Maps JavaScript API cho đến khi
người dùng nhấp vào một nút hoặc thực hiện một hành động khác. Để triển khai tính năng tải động,
trước tiên, hãy thay thế thẻ <script>
tải www.google.com/jsapi ("before")
bằng đoạn mã để thêm thẻ <script>
theo phương thức lập trình, như trong ví dụ sau:
var script = document.createElement('script');
script.src =
'https://maps.googleapis.com/maps/api/js?libraries=places,visualization&key=YOUR_API_KEY&v=weekly&callback=initMap';
script.async=true;
Sau đó, hãy đính kèm hàm callback vào đối tượng cửa sổ như sau:
window.initMap = function() {
// Google Maps JS API is loaded and available
};
Cuối cùng, hãy thêm thẻ <script>
vào tiêu đề trang như sau:
document.head.appendChild(script);