بسیاری از ویژگی ها از آخرین پست وبلاگ اضافه شده است. افزودن نقشه تعاملی بزرگترین تغییر دهنده بازی است.
نقشه بر اساس ماژول جزوه است که کاملاً منبع باز و رایگان است. این می تواند تصاویر را از هر منبع بیرون بکشد ، بنابراین من OpenStreetMap را انتخاب کردم ، زیرا نیز رایگان است.
ویژگی های GEO
به منظور ارائه نمای کلی در مقیاس واقعی از طرح مزرعه ، من نشانگرها ، مناطق و مسیرهای روی نقشه را بر اساس مختصات واقعی پوشانده ام.
نماد
بیشتر نمادها به عنوان SVG در سرور ذخیره می شوند و در صورت نیاز از طریق “کارخانه نماد” سفارشی پردازش می شوند. این باعث می شود که آیکون های جدید اضافه کنید و از موارد موجود استفاده مجدد کنید.
پاپ
این نقشه با اجازه کلیک بر روی عناصر خاص ، تعاملی ساخته شده است ، که یک “پنجره” را با محتوای بیشتر نشان می دهد.
جغرافیایی
استفاده از JS navigator.geolocation API ، من یک ویژگی جغرافیایی ساده را اجرا کردم که هر 8 ثانیه را تازه می کند. کاربران می توانند بر روی دکمه GPS کلیک کنند تا نقشه را در مکان خود قرار دهند.
کنترل و محدودیت دیدگاه بزرگنمایی
به منظور کاهش شلوغی و حفظ جذابیت زیبایی شناسی نقشه ، برخی از نمادها و وسایل ابزار در هنگام بزرگنمایی در سطوح خاص از بین می روند.
علاوه بر این ، بزرگنمایی به سطح 16 محدود شده است و در سطح 19 قرار گرفته است ، زیرا این حداکثر سطح OpenStreetMap کاشی هایی را برای آن فراهم می کند.
لینک های پرواز
این ویژگی به طور کامل نقشه را با بقیه وب سایت گنجانده است. من یک سیستم سبک وزن ساخته ام که امکان پیوند به مختصات خاص را از طریق پرس و جو URL فراهم می کند.
این امر باعث می شود تا بازدید کنندگان مستقیماً به مکانی مورد نظر خود بدون ریختن روی نقشه ، مستقیماً به آن اشاره کنند.
