Có thể làm mờ hoặc ẩn "phần còn lại của thế giới" ngoại trừ một quốc gia trên bản đồ leaflet.js chuẩn không? Mabye phủ lên với một số loại "đa giác ngược" với các đường nét của đất nước? Bất kỳ ví dụ mã hoặc liên kết nào sẽ được đánh giá cao.Làm mờ/ẩn phần còn lại của bản đồ trên toàn quốc với leaflet.js
5
A
Trả lời
6
Mở rộng @ câu trả lời tmcw của ...
Bí quyết là để vẽ một đa giác bằng cách sử dụng tài sản được mô tả trong http://leafletjs.com/reference.html#polygon
Bạn cũng có thể tạo ra một đa giác với các lỗ bằng cách truyền một mảng các mảng của các góc, với mảng đầu tiên đại diện cho bên ngoài là vòng trong khi phần còn lại đại diện cho các lỗ bên trong.
Đa giác đầu tiên sẽ là hình chữ nhật lớn như chính bản đồ, lỗ sẽ là quốc gia bạn muốn đánh dấu.
L.polygon([outerBoundsLatLngs, latLngs]);
Dưới đây là một ví dụ làm việc: http://jsfiddle.net/FranceImage/1yaqtx9u/
0
Xem leaflet-maskcanvas và L.Mask plugins
Các vấn đề liên quan
- 1. bản đồ leaflet.js không hiển thị
- 2. Elixir: Chụp phần còn lại của bản đồ bằng cách sử dụng đối sánh mẫu
- 3. Làm nổi bật đa giác và phần còn lại của bản đồ bằng cách sử dụng Google Maps
- 4. leaflet.js vô hiệu hóa bản đồ thế giới trùng lặp
- 5. Leaflet.js căn giữa bản đồ trên một nhóm các điểm đánh dấu
- 6. Leaflet.js: Cách xóa nhiều lớp khỏi bản đồ
- 7. Leaflet.js - Phối hợp tọa độ geoJSON trên chế độ xem bản đồ
- 8. Làm cho DIV lấp đầy phần còn lại của trang theo chiều dọc?
- 9. Lặp lại trên std :: bản đồ bằng PHP với SWIG
- 10. Làm thế nào để đối phó với các bản đồ không phù hợp của Trung Quốc trên iOS 6?
- 11. Làm thế nào để một luồng.Thread mang lại phần còn lại của lượng tử trong Python?
- 12. HTML CSS Phần còn lại của không gian
- 13. CSS: chiều cao điền phần còn lại của div?
- 14. Sử dụng các ô Fusion Tables trong Leaflet.js hoặc trên cơ sở bản đồ không phải của Google?
- 15. Chọn đường viền của quận hoặc quốc gia trên bản đồ google
- 16. Div để chiếm toàn bộ chiều rộng còn lại
- 17. kết hợp bảo mật mùa xuân 3 với phần còn lại của áo api
- 18. Xác thực thông qua phần còn lại với symfony2
- 19. GORM cho phần còn lại (Grails)?
- 20. Sơn trong một phần của JPanel mà không cần sơn lại phần còn lại
- 21. tra cứu ngược lại trên bản đồ
- 22. Xác thực cơ bản còn lại với ASP.NET MVC
- 23. in phần còn lại của các trường trong awk
- 24. Tài liệu về phần còn lại của Jersey api
- 25. Phần còn lại sử dụng @QueryParam với @POST hoặc @PUT
- 26. Nhận phần còn lại của chuỗi đến cuối với mb_substr() và vẫn thiết lập mã hóa
- 27. Johnzon desirializing ngày qua phần còn lại
- 28. Làm cách nào để tạo danh sách thư trả lời trong phần còn lại của django?
- 29. Tạo bản phát hành bằng cách sử dụng phần còn lại của Octopus API
- 30. Leaflet.js với lớp vectơ rất chậm
Tác dụng mặt nạ té ngã hơn khi panning xung quanh như nó có vẻ chờ cho gạch để tải trước mặt nạ họ. Có cách nào để giái quyết vấn đề này không? – Titan
Tôi chỉ nhận thấy rằng cắt xảy ra với kỹ thuật L.Mask (một trong những tôi đang reffering đến ở trên) nhưng không phải với leaflet-maskcanvas (kiểm tra các bản demo http://domoritz.de/vbb-coverage/). Tôi sẽ cố gắng và hiểu cách họ làm điều đó. – YaFred