Làm thế nào để vô hiệu hóa việc kéo trong bản đồ google trong trang web của bạn để đóng băng nó như một hình ảnh? Tôi vừa sử dụng mã cơ bản Iframe
cung cấp cho tôi bản đồ google.Làm thế nào để vô hiệu hóa google maps kéo
Trả lời
Bạn có thể đặt draggable: false
trong phương pháp setOptions()
trên đối tượng bản đồ của bạn:
map.setOptions({draggable: false});
More here. (Ctrl + f và tìm kiếm 'kéo')
Nếu bạn muốn có một hình ảnh tĩnh của một bản đồ; sử dụng Google Static Maps API
Bạn có thể dễ dàng tạo bản đồ tĩnh tại đây: http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html – user2019515
Đoạn mã CSS này sẽ ngăn bản đồ của bạn gây phiền toái. Người dùng sẽ không còn cuộn qua bản đồ của bạn nữa và vô tình sẽ thu phóng. Duy trì quan điểm bản đồ với màn hình hiển thị bạn đã chọn bằng cách đặt đoạn CSS này trong Vùng tuỳ chỉnh CSS
.sqs-block-map {pointer-events: none;}
Thuộc tính draggable
đã bị phản đối.
Để tắt tính năng kéo trên bản đồ, giờ đây bạn có thể sử dụng thuộc tính gestureHandling
và đặt thành "none"
.
Bạn cũng có thể vô hiệu hóa việc sử dụng các phím mũi tên, bằng cách thiết lập keyboardShortcuts
-false
ví dụ: map.setOptions({gestureHandling: "none", keyboardShortcuts: false});
Nó không vô hiệu hóa di chuyển bản đồ bằng cách sử dụng mũi tên, bạn cũng phải thiết lập các phím tắt để sai. –
Lưu ý: Thuộc tính này không còn được dùng nữa. Để tắt tính năng kéo trên bản đồ, bạn có thể sử dụng thuộc tính gestureHandling và đặt thành "không". – lfkwtz