Scribble Maps Blog
Şimdiye Kadarki En Büyük Sürümümüz, Mobil ve API.
Scribble Maps'in yeni sürümünü nihayet piyasaya sürdüğümüz için son derece heyecanlıyız (ve biraz da rahatladık). Konuşulacak çok şey var. Yeni bir temel editör ve eksiksiz bir API kullanıma sunduk.
Yeni sürümün deneyimini o kadar tutarlı hale getirmek istedik ki, insanlar her şeyi temelden yeniden inşa ettiğimizi fark etmesinler bile. Özel imleçler kadar basit şeyler bile bir zorluktu çünkü tarayıcılar arası uyumluluğu korumak istiyorduk. Dolayısıyla yeni sürüm IE7'ye kadar geriye dönük olarak çalışıyor.
Google, Haritalar API'sinin Flash sürümünü artık desteklemeyeceğini duyurduktan sonra, tamamen yeniden bir inşa yapmamız gerektiği için yapmak istediğimiz birkaç temel şeye karar verdik.
Aldığımız en büyük taleplerden biri, Scribble Maps'i mobil ortamda ve özellikle tabletlerde kullanabilme özelliğiydi. Javascript kullandığımız için uygulama tablet cihazlarda çalışacaktı.
Ancak, bir harita uygulamasının çalışması ile kullanılabilir olması farklı şeylerdir. Örneğin Scribble Maps'in masaüstü sürümünde fareyle üzerine gelme (roll over) efektleri varken, tabletlerde bu özellik yoktur.
Scribble Maps'te çizim yapmak tıpkı canvas gibi çalışır, böylece önceden bir stil belirleyebilir ve hepsi bu stili benimseyen birden fazla çizgi çizebilirsiniz. Bu sadece şekiller için değil, İşaretçiler (Markers) gibi şeyler için de geçerlidir. Dolayısıyla bu tür şeyleri yapmak mümkündür.
Bir kullanıcının haritayla olan ilişkisi araçlar aracılığıyla tanımlanır ve araçları değiştirerek kullanıcının haritayla nasıl etkileşime girdiğini değiştirirsiniz.
Öte yandan Scribble Maps ile hiçbir kısıtlama yoktur. Bir harita kaydedildikten sonra, üzerinde ne kadar veri olduğuna bakılmaksızın o haritanın bir görseli talep edilebilir. Ayrıca bir harita kaydedildiğinde görsel geçersiz kılınır ve bir sonraki talep edilişinde yeniden oluşturulur. Bu, haritayı değiştirdikçe güncellenen görsel bağlantıları oluşturmanıza etkili bir şekilde olanak tanır.
Aşağıda bu tür bir görselin örneği yer almaktadır.
Bağlantılar
Scribble Maps API
Scribble Maps API grubu
Flash'tan HTML5/Javascript'e
Kullanıcılarımızın birçoğu teknolojideki bu değişikliği anlamasa da, bunun etkileri oldukça büyüktür. Flash'tan HTML5/Javascript'e geçmek pek de kolay bir şey değildi, özellikle de deneyimi orijinal Scribble Maps'i bu kadar popüler yapan şeye olabildiğince benzer tutmak istediğimiz için.Yeni sürümün deneyimini o kadar tutarlı hale getirmek istedik ki, insanlar her şeyi temelden yeniden inşa ettiğimizi fark etmesinler bile. Özel imleçler kadar basit şeyler bile bir zorluktu çünkü tarayıcılar arası uyumluluğu korumak istiyorduk. Dolayısıyla yeni sürüm IE7'ye kadar geriye dönük olarak çalışıyor.
Google, Haritalar API'sinin Flash sürümünü artık desteklemeyeceğini duyurduktan sonra, tamamen yeniden bir inşa yapmamız gerektiği için yapmak istediğimiz birkaç temel şeye karar verdik.
- Web uygulamasının hem masaüstü hem de mobil ortamda çalışmasını istedik.
- Gerektiğinde farklı API sağlayıcılarına geçiş yapabilmek için kendi işleme motorumuzu oluşturmak istedik.
- Herhangi bir harita API sağlayıcısının Hizmet Şartlarını ihlal etmek istemedik.
- Geliştiricilerin harita oluşturma araçlarımızı kendi uygulamalarında kullanabilmeleri için yeniden inşanın API odaklı olmasını istedik.
Mobilde Scribble Maps
Aldığımız en büyük taleplerden biri, Scribble Maps'i mobil ortamda ve özellikle tabletlerde kullanabilme özelliğiydi. Javascript kullandığımız için uygulama tablet cihazlarda çalışacaktı.Ancak, bir harita uygulamasının çalışması ile kullanılabilir olması farklı şeylerdir. Örneğin Scribble Maps'in masaüstü sürümünde fareyle üzerine gelme (roll over) efektleri varken, tabletlerde bu özellik yoktur.
Bu durum, dokunmatik bir cihazda olup olmamanıza bağlı olarak kullanıcı deneyimini değiştirmemize yol açtı. Bu, herhangi bir kod değişikliği yapmanıza gerek kalmadan otomatik olarak gerçekleşir.
Scribble Maps API
Şu anda var olan yaklaşık yarım düzine popüler harita API'si var, bu yüzden biz özellikle düzenleme ve etkileşime odaklanmak istedik; diğer görselleştirme ve karo (tile) işlemelerini diğer API'lere bıraktık. API'yi nasıl yapılandırmak istediğimize karar verirken, Javascript programlama için en iyi stillerden birinin JQuery olduğuna karar verdik. Böylece tek bir satırda katmanlar ve etkileşim oluşturmak mümkün hale geliyor.
ScribbleMap.draw.line([[lat, lng], [lat2, lng2]], { lineColor: "#0000FF" }).click(function() { alert("Bana tıklandı") });
Scribble Maps'te çizim yapmak tıpkı canvas gibi çalışır, böylece önceden bir stil belirleyebilir ve hepsi bu stili benimseyen birden fazla çizgi çizebilirsiniz. Bu sadece şekiller için değil, İşaretçiler (Markers) gibi şeyler için de geçerlidir. Dolayısıyla bu tür şeyleri yapmak mümkündür.
Bir kullanıcının haritayla olan ilişkisi araçlar aracılığıyla tanımlanır ve araçları değiştirerek kullanıcının haritayla nasıl etkileşime girdiğini değiştirirsiniz.
Dinamik Görsel API'si
Scribble Maps'in temel kullanım amaçlarından biri görsel oluşturmaktır. Bu durum, Flash'tan uzaklaşırken bizim için sadece büyük bir sorun değil, aynı zamanda yeni bir fırsat da yarattı. Diğer harita API'lerinde "statik görsel" oluşturma yeteneği vardır. Bu statik görsel API'lerinin sorunu, neredeyse hepsinin oluşturulan görsel üzerinde ne kadar veri bulunabileceğine dair kısıtlamaları olmasıdır.Öte yandan Scribble Maps ile hiçbir kısıtlama yoktur. Bir harita kaydedildikten sonra, üzerinde ne kadar veri olduğuna bakılmaksızın o haritanın bir görseli talep edilebilir. Ayrıca bir harita kaydedildiğinde görsel geçersiz kılınır ve bir sonraki talep edilişinde yeniden oluşturulur. Bu, haritayı değiştirdikçe güncellenen görsel bağlantıları oluşturmanıza etkili bir şekilde olanak tanır.
Yeni Bileşen (Widget)
Ayrıca 2.0 ile daha fazla kullanıcı arayüzü kontrolüne sahip bir bileşen sunduk. Bu bizim ilk sürümümüz ve önümüzdeki birkaç hafta içinde bunu geliştirmeye devam edeceğiz.Bağlantılar
Scribble Maps API
Scribble Maps API grubu