Tôi tự hỏi liệu có thể hiển thị Google Maps bằng màu đen/trắng hoặc với bộ lọc màu nâu đỏ. Nó có thể được thực hiện với một số phép thuật Canvas? Hoặc lớp phủ? Hoặc một số phương pháp khác?Tạo google maps plugin đen/trắng hoặc với bộ lọc nâu đỏ
Trả lời
Check this fiddle out, tôi đã desaturated tất cả các yếu tố để tạo hiệu ứng đen trắng, ví dụ:
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [
{ "saturation": -100 },
{ "lightness": -8 },
{ "gamma": 1.18 }
]
}
You can style your maps using this wizard
hoặc sử dụng Snazzy Maps rất thân thiện với người dùng.
Tôi có liên kết này trong lịch sử của mình. Ai đó đã thực hiện nó trong flash http://www.anttikupila.com/GoogleMapsBw/1
EDIT: Sau khi xem xét ý tưởng của bạn, tôi cũng thấy điều này example Tôi thích nó và bạn có thể đính kèm một người biết lắng nghe để thay đổi hình ảnh khi chúng được nạp. nhưng nó có thể không hoạt động trơn tru.
Cảm ơn, nhưng đèn flash của nó. Tôi muốn làm cho nó với JS/HTML5. Sẽ thử mẹo của bạn với JS vào cuối tuần – Sonne
http://www.nihilogic.dk/labs/imagefx/ mang một màu nâu đỏ và một Desaturate (đen và trắng) lọc ... Nhưng nó sẽ không làm việc trong Safari và IE chỉ có thể desaturate, không có màu nâu đỏ
Không hoạt động trong Chrome hoặc tôi nghĩ (v32) –
Có bạn có thể sử dụng tính năng theo kiểu bản đồ của google api.
Dưới đây là một ví dụ http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/20
Dưới đây là các tài liệu http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps
và đây là một thuật sĩ WYSIWYG để recolor bản đồ của bạn http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
cảm ơn, bây giờ chỉ cần thực hiện để bão hòa -100! – Sonne
- 1. iOS với Google Maps
- 2. DrawerLayout với Google Maps
- 3. Bộ lọc Log4Net "HOẶC"
- 4. Cách mở liên kết trong Apple Maps hoặc Google Maps?
- 5. Grails Searchable Plugin - Bộ lọc kết quả lọc
- 6. Google Maps API với Rails 3.0
- 7. Bộ lọc Django - hoặc?
- 8. Tạo bộ lọc Instagram-esque với javascript?
- 9. Thông tin tạo kiểuWindow với API Google Maps
- 10. Google Maps API Geocode Đồng bộ
- 11. Kiểm tra API Google Maps cục bộ
- 12. Sửa đổi bộ lọc bảng jQuery Plugin
- 13. Twitter Bootstrap & Google Maps
- 14. Lớp phủ Google Maps
- 15. Bộ lọc Google Analytics không hoạt động
- 16. Tiếng ồn màu nâu trên ca cao
- 17. Cách tải API Google Maps với RequireJS?
- 18. Đang tải Google Maps API với wp_enqueue_script
- 19. Google maps and knockoutjs
- 20. API Java cho Google Maps (hoặc tương tự)
- 21. Google Maps Api V3 - Quốc gia hoặc thành phố tạo kiểu
- 22. BroadcastReceiver với nhiều bộ lọc hoặc nhiều BroadcastReceivers?
- 23. Meteor.js và Google Maps
- 24. Android Google Maps ClassNotFoundException
- 25. Google maps remove controls
- 26. API Google Maps - tải US
- 27. Cách ẩn hoặc hiển thị Lớp Google Maps?
- 28. Nhiều dòng hoặc ngắt dòng bằng .snippet (google maps apiv2)
- 29. google maps pan to
- 30. Google Maps làm nền
thực sự thực sự tốt đẹp wizard !!! – Sonne