آموزش رفع مشکل عدم نمایش نقشه گوگل در دامنه IR وردپرس
آموزش رفع مشکل عدم نمایش نقشه گوگل در دامنه IR وردپرس
1. نمایش نقشه گوگل در وردپرس با iFrame
در این روش ابتدا باید به آدرس https://www.google.com/maps مراجعه کنید. سپس در کادر جستجو اگر از قبل شرکت و کسب و کار شما در گوگل ثبت شده نام اونو وارد کرده و جستجو کنید تا در نقشه نمایش داده بشه. در نهایت بعد از پیدا کردن مکان، تا جایی که فکر می‌کنید به درستی زوم شده و اندازه متناسبی هم هست روی آیکون اشتراک‌گذاری کلیک کنید. در صورتی که مکان قبلا روی نقشه ثبت نشده هم میتونید موقعیت دقیق را روی نقشه پیدا کنید و بعد از یک بار کلیک کردن روی مکان به همین ترتیب عمل کنید.
بعد از کلیک روی آیکون اشتراک گذاری پنجره زیر براتون باز خواهد شد. روی ستون Embed a Map کلیک کنید تا کد iFrame برای نمایش موقعیت مشخص شده ساخته بشه.
امکان نمایش نقشه در اندازه‌های زیر وجود داره که در اینجا من اندازه Medium را برای این کار انتخاب کردم.
- small: اندازه کوچک نمایش داده خواهد شد.
- medium: نقشه در اندازه متوسط نمایش داده خواهد شد.
- large: نقشه در اندازه بزرگ نمایش داده خواهد شد.
- custom size: نقشه در اندازه دلخواه نمایش داده خواهد شد که میتونید اندازه دلخواه را برای پهنا و ارتفاع وارد کنید.
حالا که اندازه دلخواه مشخص شد و کد Embed تولید شده بر اساس سایز دلخواه نقشه گوگل تغییر کرد روی دکمه COPY HTML کلیک کنید و سپس به ویرایشگر وردپرس یا هر مکانی که قصد نمایش نقشه را دارید مراجعه کرده و این کد را در مکان مورد نظر قرار دهید. این کد میتونه در بخشی از قالب، نوشته یا برگه قرار بگیره تا نقشه را در اون نمایش بدین.
با تغییر اعداد width و height به ترتیب میتونید پهنا و ارتفاع دلخواه برای نقشه گوگل در وردپرس مشخص کنید تا نقشه با این اندازه در نوشته یا برگه نمایش داده شود.
2. نمایش نقشه OpenLayers در وردپرس با افزونه
افزونه‌ای که برای نمایش نقشه گوگل در وردپرس قصد دارم معرفی کنم با نام WP Google Maps در مخزن وردپرس به ثبت رسیده است.
بعد از نصب و فعال سازی این افزونه منویی با نام نقشه‌ها در پیشخوان سایت وردپرسی شما اضافه میشه که باید ابتدا به زیرمنوی نقشه‌ها> تنظیمات مراجعه کرده و گزینه Maps Engine را روی حالت OpenLayers قرار بدین تا به جای نقشه گوگل از این نقشه استفاده کنید.
بعد از ذخیره تنظیمات به منوی نقشه‌ها مراجعه کرده و اولین نقشه پیشفرض که با نام اولین نقشه من وجود داره را انتخاب کرده و روی دکمه ویرایش کلیک کنید.
بعد از اینکه وارد صفحه ویرایش مکان شدید از پایین صفحه روی آیکون ضربدر که برای مکان نقشه قرار داره کلیک کنید تا آیکون نمایش موقعیت که مربوط به مکان دیگه است حذف کنید و مکان خودتون را روی نقشه ثبت کنید.
حالا که مکان پیشفرض حذف شد، روی نقشه با استفاده از نشانگر ماوس و دکمه چرخش موس کشور ایران را پیدا کرده و تا جایی که موقعیت مکانی خودتون را پیدا کنید زوم کنید. در نهایت بعد از اینکه موقعیت دقیق خودتون مشخص شد روی نقشه راست کلیک کنید تا Badget مربوط به نمایش مکان که به رنگ قرمز هست روی اون نقطه ذخیره شده و در نهایت روی دکمه Add marker کلیک کنید.
در نهایت روی دکمه ذخیره نقشه کلیک کرده و به منوی نقشه‌ها> نقشه‌ها در پیشخوان وردپرس مراجعه کرده و شورت کدی که برای نقشه وجود داره را کپی کرده و در نوشته، برگه و یا مکانی از قالب که قصد دارید نقشه نمایش داده بشه قرار بدین.
بعد از قرار دادن کد کوتاه نقشه خواهید دید که نقشه openlyers در مکانی که مشخص کردید نمایش داده شده و دیگه در صورت استفاده از دامنه IR محدود به نقشه گوگل برای نمایش موقعیت مکانی در وردپرس نخواهید بود.
