Leaflet.js adalah Perpustakaan Paling Mudah Anda Akan Cari
Peta Google pastinya yang paling popular widget peta embun untuk pereka web. Tetapi bagaimana pula menambah ciri tersuai seperti petua dan penanda pin?
Di sinilah perpustakaan yang hebat seperti Leaflet.js membantu satu tan.
Ini adalah projek sumber terbuka sepenuhnya percuma pada mulanya dicipta oleh salah seorang lelaki di Mapbox bernama Vladimir Agafonkin. Sejak itu, Risalah telah berkembang termasuk berpuluh-puluh penyumbang seluruh dunia.
Ia kerap dikemas kini dengan pembetulan pepijat dan ciri-ciri baru yang meningkatkan pelaksanaan keseluruhan pada mana-mana laman web. Ini adalah perpustakaan pemetaan kegemaran saya kerana kekuatannya dan reka bentuk estetik.
Ia mempunyai begitu banyak ciri yang saya tidak mungkin dapat menyenaraikan mereka semua, tetapi di sini yang paling menarik:
- Pecutan perkakasan mudah alih
- Penanda pin, lapisan bentuk, dan petua alat
- Animasi zoom & panning kustom
- Tiada ketergantungan JS
- Sokongan untuk semua pelayar utama termasuk IE7+
Pelaksanaan agak rumit kerana anda perlu masukkan koordinat dan mentakrifkan seberapa besar peta itu perlu.
Pengguna sentiasa boleh zum keluar dan pancang sekitar, jadi pandangan itu sentiasa boleh berubah. Tetapi ia juga berdasarkan bagaimana anda menentukan peta pada halaman.
Ada yang besar halaman dokumentasi penuh dengan maklumat untuk setiap aspek Risalah. Malangnya, ia begitu padat yang saya tidak boleh mengesyorkan hanya menyelam ke dalamnya kerana anda mungkin akan tersesat. Sebaliknya, lihat Halaman tutorial muka surat yang juga termasuk a panduan permulaan cepat untuk pemula.
Anda akan belajar bagaimana untuk melakukannya benamkan peta, ubah saiz / kedudukan, dan bagaimana untuk tambah grafik tersuai di atas, seperti lingkaran atau penanda pin.
Panduan intro ini boleh mengajar anda semua yang anda perlukan untuk menggunakan Risalah di blog, laman web syarikat, atau mana-mana projek yang akan datang.
Terdapat banyak alasan hebat untuk menggunakan Peta Google: ia berkuasa, dipercayai, dan bebas. Tetapi Risalah datang dengan begitu banyak lagi ciri-ciri dari kotak itu dan anda hanya perlu tambah fail CSS / JS ke halaman web anda untuk memulakan. Anda juga boleh mencari salinan yang dihoskan dalam talian jika anda lebih suka pergi ke laluan CDN.
Jangan biarkan dokumentasi menakutkan anda. Ada banyak yang anda boleh belajar tetapi tidak semua ciri diperlukan untuk persediaan Risalah asas.
Dan ia tidak perlu banyak mewujudkan peta yang menakjubkan dari awal. Mengintip demo Codepen ini menggunakan Leaflet.js & Google Maps API.
