2015-04-29 17 views
11

Kolayca bir map proof of concept var. Maps.google.com 'a benzer bir şekilde, sayfanın alt kısmında sokak görünümleri/panoslar bulunan bir kaydırıcım var. Resme tıkladığınızda sizi aynı sokak görünümüne götürür.Google Maps - Sokak Görünümü Panorama konumları arasında geçiş sorunsuz bir şekilde

Google tarafından bir sokak görünümünden diğerine geçerken kullanılan aynı geçiş efektini nasıl sağlayabilirim? Gerçekten pürüzsüz, şu anda yaşıyorum sarhoş kiremit rerendering bir sürü önler. Eğer yardımcı olacaksa, GitHub Repo.

+0

umm ... Sanırım API ile, bunu yapamayabilirsiniz .. google maps streetview API'sindeki steetview geçişinin de animasyon olmadığını fark ettiniz. Ama benzer bir etki yaratmak için boyut, opaklık ve javascript zamanlayıcı ile oynayabilirsiniz ... – kaho

+0

Muhtemelen, beni üzecek. Bir şey bana API içinde yerleşik olsa da ya da belgelenmediğini ya da kamuya açıklanmadığını söyler. Google Maps aboneliğinde böyle bir dizi küçük şey bulmaya başladım. – JDillon522

+1

API'da bunu yapmanın bir yolunu bulamadım. Bu yüzden sorunsuz bir geçiş yapmak istediğimde, geçiş yapmak istediğim iki görünümü almak için Google Street View Image API'sini kullanıyordum. Her iki resmin ne zaman yüklendiğini (eski tarayıcılarda çalışıp çalışmadığından emin değil) ve panonun üst kısmındaki geçişte geçişi yapabilirim. Senin durumunda, "to" görüntülerini önbelleğe alabilirsin. Daha iyi bir cevap bulamazsan bunu deneyebilirsin. – brenzy

cevap

2

Belki de 2 harita kapsayıcıyı yapmayı denediniz, sonra diğerini yükleyin ve diğer geçişi değiştirirken bunları değiştirirken arka arkaya kaybolmaya çalışın.

+0

Potansiyel olarak. Google Map’in sokak görünümü ile oynadıktan sonra sadece bir çeşit bulanıklık ve gergin animasyon yapıyor gibi görünüyor. İlk sokak görünümü için bir kapsayıcıya sahip olmak, bu tam konumun bir sokak görünümü görüntüsünü yerleştirmek, bu görüntüyü bulanıklaştırmak ve germek ve arka planda orijinal konum görünümünde yeni konumu yüklemek makul olup olmadığını merak ediyorum. Sokak görünümü resimlerini gizleyin. Eğer beni bu tür geçişler konusunda okula götürecek iyi bir yere yönlendirirseniz (bulanıklaştırma ve esneme) size ödül vereceğim. – JDillon522

+0

jQuery'yi kullanarak, gerekirse ana kapsayıcıları soluklaştırmak ve yok etmek için kullanabilirsiniz ... – ratiorick

+0

Muhtemelen. Ama bu benim için gerçek bir şey değil. – JDillon522

İlgili konular