2015-04-29 5 views
11

У меня есть простой map proof of concept, где, подобно maps.google.com, у меня есть ползунок внизу страницы с видом на улицу/панорамы. Когда вы нажимаете на изображение, вы попадаете на тот же уличный вид.Карты Google - Переключение между уличными представлениями Панорамные местоположения плавно

Как я могу достичь такого же эффекта перехода, который используется Google при переходе с одного уличного представления на другой? Его действительно гладкое избегает много резких изменений плит, которые я сейчас испытываю.

Heres GitHub Repo если это поможет.

+0

umm ... Я думаю, что с API вы, возможно, не сможете этого сделать. Обратите внимание, что переход на steetview на google maps streetview API тоже не анимирован. Но вы можете играть с размером, непрозрачностью и таймером javascript, чтобы создать какой-то эффект ... – kaho

+0

Возможно, это меня огорчило. Что-то говорит мне, что его встроенный в API, и он либо не документирован, либо публично рекламируется. Я начинаю искать такие мелочи, как в экстраваганте Google Maps. – JDillon522

+1

Я не нашел способ сделать это в API, поэтому, когда мне нужен плавный переход, я использую API-интерфейс Google Street View Image для захвата двух представлений, которые я хочу перейти между ними. Я могу определить, когда загружены оба изображения (не уверен, работает ли это в старых браузерах), и выполните переход в оверлей поверх панели. В вашем случае вы можете кэшировать изображения «до». Вы можете попробовать это, если не найдете лучшего ответа. – brenzy

ответ

2

Вы пробовали, возможно, сделать 2 картографических контейнера, а затем загрузить другую и затухать, в то время как угасаете другую, переключаясь назад и вперед при их изменении.

+0

Потенциально. После игры с видом на карту Google Map кажется, что они просто делают какую-то размытость и растянутую анимацию. Интересно, может ли разумно взломать это, имея один контейнер для первого взгляда на улицу, наложить изображение с изображением улиц этого точного местоположения, размыть и растянуть это изображение, а в фоновом режиме загрузить новое местоположение на исходном вид на улицу, а затем скрыть изображения улиц. Если вы можете указать мне хорошее место, которое будет обучать меня таким переменам (размывание и растяжение), я дам вам щедрость. – JDillon522

+0

Можете ли вы просто использовать jQuery, чтобы погрязнуть и вымыть родительские контейнеры по мере необходимости ... – ratiorick

+0

Возможно. Но это не тот эффект, который я действительно делаю. – JDillon522

Смежные вопросы