דף הבית » ערכת כלים » Leaflet.js היא הפשוטה ביותר מפה הספרייה תוכל למצוא אי פעם

    Leaflet.js היא הפשוטה ביותר מפה הספרייה תוכל למצוא אי פעם

    מפות Google הוא בהחלט הפופולרי ביותר יישומון מפה Embedded עבור מעצבי אתרים. אבל מה עם הוספת תכונות מותאמות אישית כגון tooltips ו סימני pin?

    זה המקום שבו ספריה מדהים כמו Leaflet.js עוזר טון.

    זה פרוייקט קוד פתוח לחלוטין בתחילה נוצר על ידי אחד החבר 'ה ב Mapbox בשם ולדימיר Agafonkin. מאז, Leaflet גדלה לכלול עשרות תורמים מסביב לעולם.

    זה לעתים קרובות עודכן עם תיקוני באגים ותכונות חדשות כי לשפר את היישום הכולל על כל אתר. זה ללא ספק ספריית המיפוי האהובה עלי בגלל כוח מוחלט שלה אסתטיקה העיצוב.

    יש לו כל כך הרבה תכונות שאני לא יכול לרשום את כולם, אבל הנה המעניינים ביותרYou

    • האצת חומרה לנייד
    • הצמד סמנים, שכבות על פני צורה, ואת tooltips
    • זום מותאם אישית & panning אנימציה
    • אין תלויות JS
    • תמיכה עבור כל הדפדפנים העיקריים, כולל IE7+

    יישום הוא קצת מסובך כי אתה צריך הזן קואורדינטות ו להגדיר כמה גדול המפה צריכה להיות.

    משתמשים יכולים תמיד להקטין את התצוגה ו פאן מסביב, כך שהנוף תמיד יכול להשתנות. אבל זה גם מבוסס על איך אתה מגדיר את המפה על הדף.

    יש ענק דף תיעוד מלא מידע על כל היבט של עלים. למרבה הצער, זה כל כך צפוף, כי אני לא יכול להמליץ ​​רק לצלול לתוך זה כי אתה בטח ללכת לאיבוד. במקום זאת, לבדוק את דף דפי הדרכה אשר כולל גם מדריך להתחלה מהירה עבור מתחילים.

    תלמד איך להטביע מפות, לשנות את הגודל / מיקום, ואיך להוסיף גרפיקה מותאמת אישית על גבי, כגון מעגלים או סימוני פינים.

    זה מדריך מבוא אחד יכול ללמד אותך כל מה שאתה צריך להשתמש ב- Leaflet בבלוג, באתר החברה או בכל פרויקט עתידי.

    יש הרבה סיבות נהדרות להשתמש במפות Google: הוא חזק, אמין וחופשי. אבל Leaflet מגיע עם כל כך הרבה תכונות מחוץ לקופסה ואתה רק צריך הוסף את קובצי CSS / JS לדף האינטרנט שלך להתחיל. אתה יכול אפילו למצוא עותקים מתארחים באינטרנט אם אתה מעדיף ללכת במסלול CDN.

    אל תתנו לתיעוד להפחיד אותך. יש הרבה מה שאתה יכול ללמוד אבל לא כל התכונות נחוצות עבור הגדרת עלון בסיסית.

    וזה לא לוקח הרבה ליצור מפה מדהימה מאפס. קח הצצה זו הדגמה Codepen נוצר באמצעות Leaflet.js ו- Google Maps API.