Thông báo bảo mật: Chúng tôi đã nhận thấy một vấn đề bảo mật có thể ảnh hưởng đến các trang web sử dụng các thư viện cụ thể của bên thứ ba (bao gồm cả polyfill.io). Vấn đề này đôi khi có thể chuyển hướng khách truy cập khỏi trang web mong muốn mà chủ sở hữu trang web không biết hoặc không cho phép. Nhiều mẫu JavaScript của chúng tôi trước đây đã bao gồm phần khai báo tập lệnh polyfill.io. Chúng tôi đã xoá phương thức này khỏi các mẫu của mình. Nếu đã sử dụng các mẫu JavaScript có chứa nội dung khai báo này, bạn nên xoá nội dung khai báo.
Lớp phủ là các đối tượng trên bản đồ được liên kết với
vĩ độ/kinh độ của địa điểm, do đó chúng sẽ di chuyển khi bạn kéo hoặc
thu phóng bản đồ. Nếu muốn đặt hình ảnh lên bản đồ, bạn có thể sử dụng
Đối tượng GroundOverlay.
Để biết thông tin về các loại lớp phủ khác, hãy xem
Vẽ trên bản đồ.
Thêm lớp phủ mặt đất
Hàm khởi tạo cho một
GroundOverlay chỉ định URL của một hình ảnh
và LatLngBounds của hình ảnh làm tham số. Hình ảnh này sẽ
được hiển thị trên bản đồ, bị ràng buộc trong những giới hạn cho trước và tuân theo
bằng cách sử dụng phép chiếu của bản đồ.
TypeScript
// This example uses a GroundOverlay to place an image on the map// showing an antique map of Newark, NJ.lethistoricalOverlay;functioninitMap():void{constmap=newgoogle.maps.Map(document.getElementById("map")asHTMLElement,{zoom:13,center:{lat:40.74,lng:-74.18},});constimageBounds={north:40.773941,south:40.712216,east:-74.12544,west:-74.22655,};historicalOverlay=newgoogle.maps.GroundOverlay("https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",imageBounds);historicalOverlay.setMap(map);}declareglobal{interfaceWindow{initMap:()=>void;}}window.initMap=initMap;
// This example uses a GroundOverlay to place an image on the map// showing an antique map of Newark, NJ.lethistoricalOverlay;functioninitMap(){constmap=newgoogle.maps.Map(document.getElementById("map"),{zoom:13,center:{lat:40.74,lng:-74.18},});constimageBounds={north:40.773941,south:40.712216,east:-74.12544,west:-74.22655,};historicalOverlay=newgoogle.maps.GroundOverlay("https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",imageBounds,);historicalOverlay.setMap(map);}window.initMap=initMap;
Để xoá một lớp phủ khỏi bản đồ, hãy gọi
setMap(), truyền null. Lưu ý rằng
thì việc gọi phương thức này sẽ không xoá lớp phủ. Thao tác này sẽ xoá
lớp phủ khỏi bản đồ. Thay vào đó, nếu bạn muốn xoá lớp phủ,
bạn nên xoá quy tắc này khỏi bản đồ, sau đó đặt
tự phủ lên null.