Интересно
выглядит эффект — в углу веб-карты
расположен маленький прямоугольник,
миникарта с меньшим масштабом. Если
картинка на веб-карте изменяется (pan,
zoom, …), то миникарта тоже показывает
обновленную картинку. Многие такое
видели, Bird's eye называется. Но тут круче,
это не просто миникарта, это кнопка. Во
первых, миникарта построена на другой
подложке: если основная карта на подложке
World_Street, то миникарта на World_Imagery, и
наоборот. Во вторых, нажатие на эту
кнопку-миникарту меняет подложку, с
красивым анимационным эффектом.
In this post I will
share my JavaScript basemap toggle button. Located on the top right
it's really a small map which get it's extent from the events of the
main map (extent change, pan).
The small extent is
calculated easily and while you navigate over the main map, the
button shows you the alternative map in the exact location.
When you press the
button, The opacity is changed from 1 to 0 and vice versa in a period
of 500 ms. This shows a nice animation
Поиграть с
кодом можно тут http://jsfiddle.net/orengal/d7Ycr/
А тут
http://gisn.tel-aviv.gov.il/iview2js/index.aspx
готовое веб-приложение, в котором
использована такая кнопка.
По сути, подложка
не меняется, меняются настройки
прозрачности у двух нижних слоев — вот
и вся магия.
original post http://vasnake.blogspot.com/2014/01/blog-post_1686.html
Комментариев нет:
Отправить комментарий