خانه / افزونه وردپرس / آموزش افزونه Maps Marker برای نقشه گوگل و OpenStreetMap وردپرس

آموزش افزونه Maps Marker برای نقشه گوگل و OpenStreetMap وردپرس

آموزش افزونه Maps Marker

در این مقاله به آموزش افزونه Maps Marker که یکی از افزونه های قوی وردپرس برای اضافه کردن نقشه ها از فراهم کنندگان مختلف مانند Google، OpenStreetMap و Bing است، می پردازیم.

اگر می خواهید نقشه وب خود را در وبلاگ وردپرسی تان بسازید و موقعیت ها و جهت ها را روی نقشه نشان دهید، یکی از بهترین روش ها استفاده از بهترین افزونه های نقشه گوگل (Google Maps) در وردپرس است.

اما در 11 ژوئن 2018 گوگل قیمت محصولات Maps API خود را به شدت بالا برد. همچنین در حال حاضر این محصولات برای کاربران ایرانی تحریم شده است. به همین دلیل بسیاری از کاربران به استفاده از جایگزین های رایگان مانند OpenStreetMaps روی آورده اند.

یکی از افزونه هایی که با استفاده از آن می توانید از خدمات رایگان فراهم کننده هایی مانند OpenStreetMaps بهره ببرید، افزونه Leaflet Maps Marker ( یا نسخه پرمیوم آن Maps Marker Pro) است که در این آموزش به بررسی آن می پردازیم. با افزونه Leaflet Maps Marker (یا Maps Marker Pro) می توانید به محض فعال سازی افزونه به صورت پیش فرض از نقشه ها و ژئوکدینگ های رایگان استفاده کنید. حتی اگر قبلاً از سرویس Google Maps در اکانت افزونه Leaflet Maps Marker (یا Maps Marker Pro) استفاده کرده اید، می توانید به راحتی با چند کلیک ساده پروژه خود را به فراهم کننده دیگری مانند OpenStreetMaps منتقل کنید و کوچکترین تغییری در داده ها و تنظیمات شما به وجود نیاید.

افزونه Maps Marker تأکید بسیاری بر قدرت باز بودن (openness) و اهمیت اجتماعی، سیاسی و اقتصادی آن دارد. به همین دلیل تکنولوژی خود را به گونه ای تنظیم کرده است که به شما امکان کنترل داده های خود و آزادی انتخاب نقشه پایه و فراهم کننده ژئوکدینگ تان را برطبق نیازهایتان داده است. این افزونه به صورت پیش فرض از OpenStreetMaps (OSM) به جای Google Maps استفاده می کند زیرا توسعه دهندگان آن معتقدند مزایای زیاد این basemap آن را تبدیل به بهترین پروژه نقشه برداری کرده است. برخی از این مزایا عبارتند از:

  • OpenStreetMaps جامعه ای پر شور و در حال رشد متشکل از نقشه برداران علاقه مند، متخصصان GIS، مهندسان سرورهای OSM، بشر دوستانی که از مناطق آسیب دیده نقشه برداری می کنند و بسیاری افراد حرفه ای دیگر است.
  • OpenStreetMaps بر دانش محلی تأکید دارد.
  • مشارکت کنندگان در آن از تصاویر هوایی، دستگاه های GPS و نقشه های میدانی برای درستی سنجی OSM و بروز بودن آن استفاده می کنند.
  • و از همه مهمتر داده های آن رایگان و برای همه و برای هر هدفی قابل استفاده است.

در این آموزش افزونه Leaflet Maps Marker که نسخه رایگان افزونه Maps Marker Pro است را مورد بررسی قرار می دهیم و اگر قبلاً با این افزونه از Google Maps استفاده می کردید چگونگی سوئیچ کردن به OpenStreetMaps را توضیح می دهیم.

آموزش افزونه Maps Marker و نحوه اضافه کردن نقشه به وردپرس

ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.

بعد از اینکه افزونه نصب شد آن را فعال کنید.پس از فعال سازی افزونه منویی به شکل زیر به پیشخوان وردپرس اضافه خواهد شد.

آموزش افزونه Maps Marker

برای ساخت اولین نقشه خود روی “Add new layer” کلیک کنید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.

آموزش افزونه Maps Marker

یک نام برای لایه انتخاب کنید و لوکیشن مورد نظر خود را مشخص کنید. توجه داشته باشید که این نام در فرانت اند سایت نشان داده نمی شود.

همچنین می توانید اندازه نقشه، سطح بزرگ نمایی، بعضی گزینه ها درباره لیست لایه و موارد دیگر را نیز تنظیم کنید. سپس روی دکمه “Publish” کلیک کنید.

آموزش اضافه کردن نشانگر با افزونه Maps Marker

پس از ساخت لایه می توانید روی آن نشانگر اضافه کنید. برای این کار باید روی گزینه “Add new marker” کلیک کنید.

آموزش افزونه Maps Marker

نام نشانگر، لوکیشن و لایه ای که نشانگر باید روی آن نشان داده شود را مشخص کنید. توجه داشته باشید که نام نشانگر در فرانت اند سایت با قرار گرفتن موس بر روی آن به کاربر نشان داده می شود.

همچنین در قسمت Icons می توانید یک آیکون برای نشانگر انتخاب کنید. در قسمت Popup Text می توانید محتوای پاپ آپ Html که با کلیک بر روی نشانگر ظاهر می شود را وارد کنید. اگر باکس open popup را فعال کنید پنجره پاپ آپ به صورت پیش فرض باز به کاربر نشان داده می شود.

سپس روی دکمه Publish کلیک کنید.

وارد کردن نقشه ساخته شده در نوشته ها و برگه های وردپرس

حال در این قسمت از آموزش به شما نشان می دهیم که چگونه نقشه ای که با افزونه Maps Marker ساخته اید را در نوشته ها و برگه های خود وارد کنید. برای این کار کافی است از کد جاسازی که در قسمت List all markers یا List all layers در اختیار شما قرار داده شده است استفاده کنید.

آموزش افزونه Maps Marker

توجه داشته باشید که در ویرایشگر گوتنبرگ از بلوک “کد کوتاه” برای وارد کردن کد جاسازی داده شده استفاده کنید.

آموزش افزونه Maps Marker

آموزش سوئیچ کردن نقشه پایه موجود به OpenStreetMaps با افزونه Maps Marker

اگر نقشه خود را قبلاً با استفاده از Google Maps در افزونه Maps Marker ساخته اید می توانید به راحتی آن را به OpenStreetMaps تغییر دهید. در این قسمت به شما آموزش می دهیم که چطور با چند کلیک ساده این کار را انجام دهید.

در ابتدا در پیشخوان وردپرس به مسیر Maps » Tools بروید.

آموزش افزونه Maps Marker

روی لینک ” Bulk updates for marker maps” کلیک کنید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.

آموزش افزونه Maps Marker

تمام نشانگرهای نقشه را با انتخاب OpenStreetMaps به صورت فله بروزرسانی کنید و عملیات را با کلیک بر روی دکمه Change basemap به پایان برسانید.

مجدداً به صفحه قبل بازگشته و روی لینک “Bulk updates for all x existing layer maps” کلیک کنید.

آموزش افزونه Maps Marker

عملیات قبل را مجدداً تکرار کنید.

آموزش افزونه Maps Marker

حال تمام نقشه های شما از OpenStreetMap به عنوان نقشه پایه استفاده می کنند.

تغییر نقشه پایه پیش فرض برای نقشه های جدید

اگر می خواهید نقشه پایه پیش فرض را برای نقشه های جدیدی که می سازید تغییر دهید می توانید این کار را با افزونه Maps Marker به راحتی انجام دهید. برای انجام این کار در پیشخوان وردپرس به مسیر Maps Marker » Settings بروید.

آموزش افزونه Maps Marker

روی تب Basemaps کلیک کرده و در قسمت Default basemap for new markers/layers گزینه OpenStreetMap را به عنون نقشه پایه پیش فرض انتخاب کنید.

روی گزینه Save Changes کلیک کنید. پس از آن نقشه های جدید شما با استفاده از OpenStreetMaps ساخته خواهد شد.

امیدواریم آموزش افزونه Maps Marker در سایت مدیر وردپرس مورد توجه و استفاده شما قرار گرفته باشد. دیدگاه های خود را با ما در میان بگذارید.

دانلود افزونه

دانلود افزونه
صفحه افزونه
امتیاز دادن به این نوشته:
  • میزان رضایت کاربران
  • خوانایی متن
  • تصاویر مرتبط

درباره ی مینا قدسی

مطلب پیشنهادی

آموزش افزونه Meta Slider

آموزش افزونه Meta Slider و ساخت اسلایدرهای زیبا در وردپرس

در این مقاله به آموزش افزونه Meta Slider می پردازیم. این افزونه علاوه بر رایگان …

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *