جستجو کردن
بستن این جعبه جستجو.

حل مشکل ارور 403 در بارگذاری نقشه گوگل

در این مقاله به بررسی چند روش برای حل ارور 403 در نقشه گوگل که مربوط به تحریم‌های اعمال شده از سمت گوگل برای IPهای ایران است، می‌پردازیم.
حل ارور 403 نقشه گوگل - وردپرس طلایی

ممکن است برای شما هم این مشکل پیش آمده باشد که در صورت استفاده از نقشه گوگل در سایتتان با مشکل ارور 403 روبرو می‌شوید و سایت شما قادر به نمایش نقشه نیست. در ادامه به بررسی دلیل این مشکل و چند روش برای حل آن خواهیم پرداخت.

دلیل بروز ارور 403 چیست؟

ارور 403 زمانی اتفاق می‌افتد که صفحه وب مورد نظر شما دارای بخشی است که اجازه دسترسی به آن را ندارید. این مشکل در استفاده از سرویس‌های گوگل مثل همین مشکل در باز شدن نقشه و نمایش ارور 403، به دلیل تحریم ایران از سمت گوگل است و کاربران ایرانی اجازه دسترسی به نقشه گوگل را ندارند. این محدودیت باعث می‌شود افرادی که IP آدرس ایران دارند، اجازه استفاده از این سرویس‌ها را نداشته باشند.

در ادامه با ما همراه باشید تا چند روش برای دور زدن و گذر این تحریم را بررسی کنیم.

تغییر هاست

همانطور که در توضیحات بالا اشاره کردیم، دلیل این ارور تحریم IPهای ایران از سمت گوگل است. در صورت تغییر لوکیشن هاست و انتقال سایتتان به دیتاسنترهای سایر کشورها مانند آلمان، فرانسه و … دیگر با ارور 403 در نقشه گوگل مواجه نمی‌شوید و علاوه بر این، در صورت اعمال مجدد محدودیت از سمت دولت، مشکلی برای بروزرسانی افزونه‌ها و پوسته‌های سایتتان نخواهید داشت.

در صورتی که از CDN استفاده نمی‌کنید، با انتقال هاست به خارج از ایران، سرعت سایت شما برای کاربران ایرانی مقداری کند خواهد شد؛ پس حتماً قبل از انجام این کار مقاله CDN چیست و چه کاربردی دارد را هم مطالعه کنید.

استفاده از ابزارهای جایگزین برای حل ارور 403

اولین راه برای حل این مشکل استفاده از روش‌های جایگزین برای نمایش نقشه است. در المان‌های صفحه ساز بسیاری از پوسته‌های معتبر، ابزارهای جایگزینی برای نمایش نقشه در سایت وجود دارد. ساده ترین راه برای شما این است که از این روش استفاده کنید تا نیازی به دریافت سرویس از گوگل نداشته باشید. برای مثال در پوسته فروشگاهی وودمارت المان نقشه‌ای وجود دارد که با استفاده از سرویس MapBox نقشه را به شما نمایش می‌دهد.

اگر در پوسته شما المانی بجز نقشه گوگل وجود ندارد، در ادامه با ما همراه باشید تا 2 روش دیگر برای حل این مشکل به شما ارائه کنیم.

ابزارهای جایگزین برای حل ارور 403

دریافت کد iframe از سرویس google maps

اولین راه برای حل مشکل ارور 403 در بارگذاری نقشه گوگل و دور زدن این تحریم، استفاده از کدهای iframe ارائه شده توسط سرویس google maps است که در بخش زیر خروجی این نوع کد را مشاهده می‌کنید.

برای دریافت کد iframe مراحل زیر را دنبال کنید:

  • وارد سایت google maps شوید و مکان مورد نظر خود را روی نقشه انتخاب کنید.
  • پس از باز شدن مشخصات نقطه انتخابی، بر روی گزینه اشتراک گذاری کلیک کنید.
  • در بخش اشتراک گذاری وارد تب “جاسازی نقشه” شوید.
  • در این بخش می‌توانید میزان بزرگ نمایی نقشه و سایز کد خروجی را مشخص کنید.
  • در نهایت روی دکمه “کپی HTML” کلیک کنید و کد را در سایت خود قرار دهید.

استفاده از leafletjs

یکی از راه‌های رایگان برای نمایش نقشه در سایت، استفاده از کتابخانه‌ی Leaflet است. این کتابخانه با زبان JS نوشته شده است و به صورت OpenSource برای همه قابل استفاده است. در ادامه مراحل استفاده از این کتابخانه در سایت‌ برای حل ارور 403 را به شما آموزش خواهیم داد.

اولین گام برای استفاده از این کتابخانه، فراخوانی کدهای کتابخانه است. این کدها را می‌توانید در بخش هدر سایت خود قرار دهید تا در تمام قسمت‌های سایت قابل استفاده باشد. اما اگر فقط یک نقشه در سایت دارید، این 2 خط کد را بالای کدهایی که در قسمت بعد قرار دارند قرار دهید تا سایت شما مجبور به فراخوانی چند باره این کد در تمامی صفحات نشود و سایتتان کند نشود. اگر کدهای زیر به درستی فراخوانی نشوند، نقشه در سایت شما نمایش داده نخواهد شد.

				
					
<link data-minify="1" rel="stylesheet" href="https://golden-wp.ir/wp-content/cache/background-css/golden-wp.ir/wp-content/cache/min/1/leaflet@1.9.3/dist/leaflet.css?ver=1720366176&wpr_t=1720670746" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin="" defer></script>
				
			

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

برای استفاده از این کد به صورت مستقیم در صفحات سایت، المان بلوک HTML را در صفحه ساز خود اضافه کنید و کدها را در آن قرار دهید.

پس از فراخوانی کتابخانه، سراغ استفاده از نقشه می‌رویم. برای نمایش نقشه در سایت، از کدهای زیر استفاده کنید و مقادیر آن را با توضیحات بخش زیر جایگزین کنید:

				
					<div id="map"></div>
<script>
    var map = L.map('map').setView([1,2],3);
    L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
    var marker = L.marker([1,2]).addTo(map);
    marker.bindPopup("I am a popup.").openPopup();
</script>
				
			

اولین خط از کد برای تعریف بخش مربوط به نقشه است. اگر می‌خواهید از چند نقشه در یک صفحه استفاده کنید، در این خط از کد و کدهای خط‌های بعد، نام map را به نام دیگری تغییری دهید و از نام جدید در نقشه‌های بعدی استفاده کنید تا نقشه به درستی نمایش داده شود. (ساده ترین راه این است که از نام‌های map1 و map2 و … برای نقشه‌ها استفاده کنید)

در وردپرس، اگر از صفحه ساز VisualCompser استفاده می‌کنید، کدهای خط 2 به بعد را باید در المان کد javascript قرار دهید اما در المنتور می‌توانید همه کدها را در المان HTML قرار دهید.

سومین خط برای نشان دادن مکان نقشه و خط پنجم برای نشان دادن علامت نقشه (marker) است. در این دو خط به جای اعداد 1 و 2 طول و عرض جغرافیی مکان مورد نظر خود را وارد کنید و عدد 3 نیز نشان دهنده‌ی میزان بزرگنمایی نقشه است.

اگر می‌خواهید روی marker متنی نشان دهید (مثلا آدرس دقیق به صورت متنی) از خط 6 استفاده کنید. متن مورد نظرتان را بین ” ” در این کد قرار دهید.

استفاده از خط‌های 5 و 6 در نقشه اختیاری است و اجباری برای استفاده از این دو خط کد وجود ندارد و فقط برای نمایش متن بالای marker است.

نقشه زیر یک نمونه نقشه با استفاده از کدهای بالا است:

استفاده از نقشه‌های ایرانی برای حل ارور 403

در حال حاضر نشان و map.ir دو سرویس دهنده نقشه در ایران هستند که برای حل ارور 403 مربوط به نقشه سایتتان می‌توانید از آن‌ها استفاده کنید. مزیت نقشه‌های ایرانی نسبت به leaflet این است که در صورت استفاده از این نقشه‌ها، خیالتان راحت خواهد بود که نقشه سایتتان هیچ وقت تحریم نخواهد شد و با ارور 403 مواجه نمی‌شوید.

برای استفاده از این 2 سرویس بدون نیاز به افزونه، نیاز است مراحلی را طی کنید که انجام آن‌ها بدون داشتن اطلاعات در مورد زبان‌های برنامه نویسی وب پیچیده خواهد بود؛ پس در این مقاله به استفاده از این نقشه‌ها با افزونه وردپرس می‌پردازیم.

از بین این دو سرویس دهنده، نشان مراحل ساده‌تری برای فعال‌سازی دارد و در ادامه به فعال‌سازی این نقشه در سایت می‌پردازیم.

فعالسازی نقشه نشان در وردپرس

برای فعالسازی نقشه نشان مراحل زیر را انجام دهید:

  • وارد بخش افزودن افزونه در ورپرس شوید و افزونه Neshan Map را نصب کنید.
  • افزونه را فعال کنید و از پیشخوان وردپرس وارد منوی نقشه نشان شوید و گزینه ساخت نقشه جدید را انتخاب کنید.
  • حالا برای اتصال به سرویس نشان باید وارد صفحه توسعه دهندگان پلتفرم نشان شوید و یک کلید API دریافت کنید.
  • در سایت ثبت نام کنید یا وارد حساب کاربری خود شوید و از منو گزینه‌ی کلیدهای دسترسی را انتخاب کنید.
  • روی دکمه‌ی ایجاد کلید دسترسی کلیک کنید. در فرم باز شده نقشه وب را انتخاب کنید، دامنه سایتتان را در وارد کنید و فرم را ذخیره کنید.
  • کلید API سایت شما ساخته شده است و می‌توانید آن را کپی کنید.
  • به سایت خودتان بازگردید و صفحه ساخت نقشه جدید را تکمیل کنید.
    عنوان برای نقشه انتخاب کنید، کلید API را پیست کنید، طول و عرض جغرافیایی مکان و میزان بزرگنمایی نقشه را مشخص کنید و درنهایت استایل نقشه را مشخص کنید.
  • با کلیک روی گزینه ذخیره نقشه (بالای صفحه) نقشه ساخته می‌شود و یک شورت کد برای استفاده از نقشه در اختیارتان قرار می‌گیرد.

با انجام مراحل بالا می‌توانید نقشه نشان را به وسیله شورت کد در هر قسمتی از سایت که نیاز به نقشه دارید، استفاده کنید.

امیدواریم مطالب این مقاله برای شما مفید باشد و بتواند به شما در حل ارور 403 در زمان لود نقشه سایتتان کمک کند.

در صورتی که سوالی در مورد این مطلب دارید، می‌توانید آن را از طریق بخش دیدگاه‌ها با ما در میان بگذارید.

فهرست مقاله

اشتراک در
اطلاع از
guest
0 دیدگاه کاربران
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
مطالب آموزشی مرتبط