خرائط جوجل بدون مفتاح API

عادةً ، عند دمج خرائط Google ، فأنت تعمل مع Maps JavaScript API ، والذي يتطلب مفتاح API ويمكن أن يتسبب في تكاليف لا ينبغي الاستهانة بها مع أرقام وصول أعلى. هناك بدائل رائعة مثل Mapbox أو OpenStreetMap ، لكنها لم تحقق بعد مجموعة متنوعة من الميزات التي تقدمها Google. تقدم Google نفسها أيضًا طريقة بدون مفتاح API عبر وظيفة المشاركة ، والتي يمكننا استخدامها لأغراضنا.


يمكن استخدام هذا المسار برمجيًا لإخراج أي عنوان (حتى بدون معرفة خط الطول وخط العرض). علاوة على ذلك ، تحتوي الخريطة (على عكس نظير JS) على رابط لمخطط الطريق. يمكن أيضًا إنشاء الخريطة بمساعدة مرشحات CSS (على الرغم من أن النتيجة لا تقترب تمامًا من الأنماط الأصلية الممكنة باستخدام JS API).

لسنوات عديدة ، كانت طريقة القيام بذلك من خلال المعلمة output = embed ، والتي لا تدعمها Google رسميًا ، وبالتالي زادت أخطاء العرض في الماضي القريب:

331190767bb32b2468632e609223c53e

إذا كنت تستخدم وظيفة المشاركة الرسمية عبر maps.google.de ، فستحصل على الكود التالي ، على سبيل المثال:

331190767bb32b2468632e609223c53e

إذا قمنا ببناء عنوان URL الطويل في معلمة src ، فسيظهر نمط:

331190767bb32b2468632e609223c53e

نتعرف على أنواع البيانات التالية:

  • م: مصفوفة
  • ق: سلسلة
  • f: تعويم
  • د: مزدوج
  • أنا: عدد صحيح
  • ه: تعداد

بعد بضع محاولات للتجربة والخطأ ، يمكننا حذف بعض القيم وتعبئة أهم القيم في المتغيرات ، على سبيل المثال لتحديد العنوان ديناميكيًا:

331190767bb32b2468632e609223c53e

أخيرًا ، يمكننا إضافة مظهر أجمل إلى الخريطة باستخدام كود CSS التالي ، على سبيل المثال:

331190767bb32b2468632e609223c53e

في النهاية ، نحصل على خريطة ديناميكية مجانية تعمل بشكل موثوق:

عودة