نقشه های Google بدون کلید API

به طور معمول ، هنگام ادغام Google Maps ، شما با Maps JavaScript API کار می کنید ، که به یک کلید API نیاز دارد و می تواند هزینه هایی را به همراه داشته باشد که نباید با شماره دسترسی بالاتر دست کم گرفت. گزینه های بسیار خوبی مانند mapbox یا OpenStreetMap وجود دارد ، اما هنوز به تنوع ویژگی های ارائه شده توسط Google نرسیده اند. خود Google نیز از طریق تابع اشتراک راهی بدون کلید API ارائه می دهد که می توانیم از آن برای اهداف خود استفاده کنیم.


از این مسیر می توان به صورت برنامه ریزی شده برای خروجی هر آدرس (حتی بدون دانستن طول و عرض جغرافیایی) استفاده کرد. علاوه بر این ، نقشه (برخلاف نمونه JS) حاوی پیوندی به برنامه ریز مسیر است. نقشه را می توان با کمک فیلترهای CSS نیز ترسیم کرد (اگرچه نتیجه کاملاً به سبکهای بومی نزدیک نمی شود که با JS API امکان پذیر است).

برای سالهای زیادی ، روش انجام این کار از طریق پارامتر output = embed بود ، که گوگل به طور رسمی از آن پشتیبانی نمی کند و بنابراین خطاهای نمایشگر در گذشته اخیر افزایش یافته است:

331190767bb32b2468632e609223c53e

اگر از تابع اشتراک رسمی از طریق maps.google.de استفاده می کنید ، کد زیر را دریافت می کنید ، به عنوان مثال:

331190767bb32b2468632e609223c53e

اگر URL طولانی را در پارامتر src ساختار دهیم ، الگویی حاصل می شود:

331190767bb32b2468632e609223c53e

انواع داده زیر را تشخیص می دهیم:

  • m: ماتریس
  • s: رشته
  • f: شناور
  • د: دوتایی
  • من: عدد صحیح
  • e: enum

پس از چند بار آزمایش و خطا ، می توانیم مقادیری را حذف کرده و مهمترین مقادیر را در متغیرها جمع کنیم ، برای مثال به صورت پویا آدرس را تعریف کنیم:

331190767bb32b2468632e609223c53e

در آخر ، می توانیم برای مثال با استفاده از کد CSS زیر جلوه زیبایی به نقشه اضافه کنیم:

331190767bb32b2468632e609223c53e

در پایان ، ما یک نقشه رایگان و پویا دریافت می کنیم که قابل اعتماد کار می کند:

بازگشت