افزونه های Leaflet Maps Marker و OpenStreetMaps
کار با افزونه های Leaflet Maps Marker و OpenStreetMaps
اگر می خواهید نقشه خود را در وبلاگ وردپرسی تان بسازید و موقعیت ها و جهت ها را روی نقشه نشان دهید، یکی از بهترین روش ها استفاده از سرویس Google Maps است. گوگل در ۱۱ ژوئن ۲۰۱۸ قیمت محصولات Maps API خود را به شدت بالا برد؛ به همین دلیل بسیاری از کاربران به استفاده از جایگزین های رایگان مانند OpenStreetMaps روی آورده اند. یکی از افزونه هایی که با استفاده از آن می توانید از خدمات رایگان فراهم کننده هایی مانند OpenStreetMaps بهره ببرید.
با افزونه Leaflet Maps Marker (یا Maps Marker Pro) می توانید به محض فعال سازی افزونه به صورت پیش فرض از نقشه ها و ژئوکدینگ های رایگان استفاده کنید. حتی اگر قبلاً از سرویس Google Maps در اکانت افزونه Leaflet Maps Marker (یا Maps Marker Pro) استفاده کرده اید، می توانید به راحتی با چند کلیک ساده پروژه خود را به فراهم کننده دیگری مانند OpenStreetMaps منتقل کنید و کوچکترین تغییری در داده ها و تنظیمات شما به وجود نیاید.
افزونه Maps Marker تأکید بسیاری بر قدرت باز بودن (openness) و اهمیت اجتماعی، سیاسی و اقتصادی آن دارد. به همین دلیل تکنولوژی خود را به گونه ای تنظیم کرده است که به شما امکان کنترل داده های خود و آزادی انتخاب نقشه پایه و فراهم کننده ژئوکدینگ تان را برطبق نیازهایتان داده است. این افزونه به صورت پیش فرض از OpenStreetMaps (OSM) به جای Google Maps استفاده می کند زیرا توسعه دهندگان آن معتقدند مزایای زیاد این basemap آن را تبدیل به بهترین پروژه نقشه برداری کرده است.
برخی از مزایای افزونه OpenStreetMaps:
- OpenStreetMaps جامعه ای پر شور و در حال رشد متشکل از نقشه برداران علاقه مند، متخصصان GIS، مهندسان سرورهای OSM، بشر دوستانی که از مناطق آسیب دیده نقشه برداری می کنند و بسیاری افراد حرفه ای دیگر است.
- OpenStreetMaps بر دانش محلی تأکید دارد.
- مشارکت کنندگان در آن از تصاویر هوایی، دستگاه های GPS و نقشه های میدانی برای درستی سنجی OSM و بروز بودن آن استفاده می کنند.
- و از همه مهمتر داده های آن رایگان و برای همه و برای هر هدفی قابل استفاده است.
افزونه Maps Marker و نحوه اضافه کردن نقشه به وردپرس
ابتدا افزونه را دانلود و آن را در سایت خود در بخش افزونه ها نصب کنید. بعد از نصب افزونه، آن را فعال کنید و پس از فعال سازی افزونه منویی به شکل زیر به پیشخوان وردپرس اضافه خواهد شد.
برای ساخت اولین نقشه خود روی “Add new layer” کلیک کنید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.
یک نام برای لایه انتخاب کنید و لوکیشن مورد نظر خود را مشخص کنید. توجه داشته باشید که این نام در فرانت اند سایت نشان داده نمی شود بنابراین هر نامی که بعداً در پیدا کردن آن مشکلی نداشته باشید را انتخاب کنید.
همچنین می توانید اندازه نقشه، سطح بزرگ نمایی، بعضی گزینه ها درباره لیست لایه و موارد دیگر را هم تنظیم کنید. سپس روی دکمه “Publish” کلیک کنید.
اضافه کردن نشانگر با افزونه Maps Marker
پس از ساخت لایه می توانید روی آن نشانگر اضافه کنید. برای این کار باید روی گزینه “Add new marker” کلیک کنید.
نام نشانگر، لوکیشن و لایه ای که نشانگر باید روی آن نشان داده شود را مشخص کنید. توجه داشته باشید که نام نشانگر در فرانت اند سایت با قرار گرفتن موس بر روی آن به کاربر نشان داده می شود.
همچنین در قسمت Icons می توانید یک آیکون برای نشانگر انتخاب کنید. در قسمت Popup Text می توانید محتوای پاپ آپ Html که با کلیک بر روی نشانگر ظاهر می شود را وارد کنید. اگر باکس open popup را فعال کنید پنجره پاپ آپ به صورت پیش فرض باز به کاربر نشان داده می شود. سپس روی دکمه Publish کلیک کنید.
وارد کردن نقشه ساخته شده در نوشته ها و برگه های وردپرس
حال در این قسمت از آموزش به شما نشان می دهیم که چگونه نقشه ای که با افزونه Maps Marker ساخته اید را در نوشته ها و برگه های خود وارد کنید. برای این کار کافی است از شورت کدی که در قسمت List all markers یا List all layers در اختیار شما قرار داده شده است استفاده کنید.
توجه داشته باشید که در ویرایشگر گوتنبرگ وردپرس از بلوک “کد کوتاه” برای وارد کردن کد جاسازی داده شده استفاده کنید.
سوئیچ کردن نقشه پایه موجود به OpenStreetMaps با افزونه Maps Marker
اگر نقشه خود را قبلاً با استفاده از Google Maps در افزونه Maps Marker ساخته اید می توانید به راحتی آن را به OpenStreetMaps تغییر دهید. در ابتدا در پیشخوان وردپرس به مسیر Maps » Tools بروید.
روی لینک ” Bulk updates for marker maps” کلیک کنید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.
تمام نشانگرهای نقشه را با انتخاب OpenStreetMaps به صورت دسته جمعی بروزرسانی کنید و عملیات را با کلیک بر روی دکمه Change basemap به پایان برسانید.
مجدداً به صفحه قبل بازگشته و روی لینک “Bulk updates for all x existing layer maps” کلیک کنید.
عملیات قبل را مجدداً تکرار کنید.
حال تمام نقشه های شما از OpenStreetMap به عنوان نقشه پایه استفاده می کنند.
تغییر نقشه پایه پیش فرض برای نقشه های جدید
اگر می خواهید نقشه پایه پیش فرض را برای نقشه های جدیدی که می سازید تغییر دهید می توانید این کار را با افزونه Maps Marker به راحتی انجام دهید. برای انجام این کار در پیشخوان وردپرس به مسیر Maps Marker » Settings بروید.
روی تب Basemaps کلیک کرده و در قسمت Default basemap for new markers/layers گزینه OpenStreetMap را به عنوان نقشه پایه پیش فرض انتخاب کنید. روی گزینه Save Changes کلیک کنید. پس از آن نقشه های جدید شما با استفاده از OpenStreetMaps ساخته خواهد شد.
دانلود افزونهLeaflet Maps Marker
مطالب مرتبط:
درباره Mostafa Shoa
مدیر تیم پارس نویس، کارشناس مهندسی نرم افزار، مدرس دوره های برنامه نویسی و طراحی سایت در مدارس تیزهوشان، مشاور تبلیغات و بازاریابی استارتاپ ها و کسب و کارهای اینترنتی
نوشته های بیشتر از Mostafa Shoa
دیدگاهتان را بنویسید