Leaflet.js, bulabileceğiniz en basit Harita Kütüphanesidir
Google Haritalar kesinlikle en popüler olanıdır katıştırılabilir harita gereci web tasarımcıları için. Ama ne hakkında özel özellikler ekleme ipuçları ve pim işaretleri gibi?
Burası harika bir kütüphane gibi Leaflet.js bir ton yardımcı olur.
Bu bir tamamen ücretsiz açık kaynaklı proje başlangıçta Vladimir Agafonkin adlı Mapbox'taki adamlardan biri tarafından yaratıldı. O zamandan beri, Leaflet dahil etmek için büyüdü onlarca katılımcı dünyada.
Sık sık hata düzeltmeleri ve yeni özelliklerle güncellendi Bu herhangi bir web sitesinde genel uygulamayı geliştirmek. Bu benim en sevdiğim haritalandırma kütüphanesi, gerçek gücü ve tasarım estetiği yüzünden..
Hepsini listeleyemediğim pek çok özelliğe sahip, ama işte en ilginç olanlar:
- Mobil donanım ivmesi
- Pin işaretleri, şekil kaplamaları ve araç ipuçları
- Özel yakınlaştırma ve kaydırma animasyonu
- JS bağımlılığı yok
- IE7 de dahil olmak üzere tüm büyük tarayıcılara destek+
Uygulama biraz zor, çünkü yapmanız gereken koordinatları girin ve Haritanın ne kadar büyük olacağını tanımlayın.
Kullanıcılar her zaman yapabilir uzaklaştırmak ve dolaşmak, Böylece görünüm her zaman değişebilir. Ama aynı zamanda dayanmaktadır haritayı nasıl tanımlarsın sayfada.
Çok büyük var dokümantasyon sayfası Leaflet'in her yönü için bilgi dolu. Ne yazık ki, o kadar yoğun ki içine dalmayı tavsiye edemem çünkü muhtemelen kaybolacaksınız. Bunun yerine, göz atın Broşür öğreticiler sayfası ayrıca hızlı başlangıç Kılavuzu yeni başlayanlar için.
Nasıl yapılacağını öğreneceksiniz haritaları yerleştir, boyutunu / konumunu değiştir, ve nasıl üstüne özel grafikler ekle, daireler veya pim işaretleri gibi.
Bu bir intro kılavuzu olabilir sana ihtiyacın olan her şeyi öğret Broşürü bir blogda, şirket web sitesinde veya yaklaşmakta olan herhangi bir projede kullanmak için.
Google Haritalar’ı kullanmanın birçok harika nedeni var: güçlü, güvenilir ve ücretsiz. Ancak Leaflet ile birlikte gelir kutunun dışında çok fazla özellik ve sadece ihtiyacın var CSS / JS dosyalarını web sayfanıza ekleyin başlamak. Hatta bulabilirsin kopyalar çevrimiçi olarak barındırılıyor CDN yoluna gitmeyi tercih ederseniz.
Belgelerin seni korkutmasına izin verme. Öğrenebileceğin çok şey var ama tüm özellikler gerekli değildir temel bir broşür kurulumu için.
Ve bu kadar sürmez sıfırdan muhteşem bir harita oluşturun. Oluşturulan bu Codepen demosuna bir göz atın Leaflet.js ve Google Haritalar API’sını kullanarak.
