تصميم الخرائط المستنِد إلى السحابة الإلكترونية

اختَر النظام الأساسي: Android iOS JavaScript خدمة الويب

تقدّم "منصة خرائط Google" ميزات لتصميم الخرائط المستنِدة إلى السحابة الإلكترونية التي تسهّل تصميم الخرائط وتخصيصها وإدارتها باستخدام Google Cloud Console، ما يسمح لك بإنشاء تجربة خريطة مخصّصة للمستخدمين بدون الحاجة إلى تعديل رمز تطبيقاتك في كل مرة تُجري فيها تغييرًا على النمط.

لن تعرض الأنماط التي تم إنشاؤها قبل 15 أيلول (سبتمبر) 2020 الميزات الطبيعية المحسّنة في "خرائط Google". لاستخدام توافق الميزات الطبيعية المحسّنة في "خرائط Google" مع نمط الخريطة، يجب إنشاء نمط خريطة.

يتيح لك تصميم الخرائط المستندة إلى السحابة الإلكترونية إنشاء وتعديل أنماط الخرائط لأي من تطبيقاتك التي تستخدم "خرائط Google"، بدون الحاجة إلى إجراء أي تغييرات على الرمز بعد إعداد معرّف الخريطة. يمكن إجراء جميع تغييرات النمط في Cloud Console، بدون الحاجة إلى مهارات ترميز. يمكنك تغيير مظهر ولون العديد من عناصر الخريطة، مثل الطرق والمباني والبحيرات المائية ونقاط الاهتمام ومسارات النقل العام.

وتشمل هذه الميزات ما يلي:

  • تصميم الخرائط المستنِد إلى السحابة الإلكترونية: بدلاً من تصميم الخريطة في رمز باستخدام JSON، يمكنك إدارة وتصميم الخرائط الديناميكية أو الثابتة في Cloud Console باستخدام أرقام تعريف الخرائط وأنماط الخرائط.
  • خريطة موجّهة: يمكن لمطوّري برامج JavaScript اختيار استخدام الخريطة نفسها المستندة إلى متّجه WebGL المتاحة على maps.google.com مباشرةً في تطبيقات الويب الخاصة بهم.
  • فلترة نقاط الاهتمام للنشاط التجاري: يمكن إزالة خمس فئات من نقاط النشاط التجاري محل الاهتمام بشكل اختياري من عرض الخريطة.
  • التحكّم في كثافة نقاط الاهتمام: يمكن تعديل كثافة نقاط الاهتمام المعروضة على الخريطة الأساسية بحيث تعرض نقاط اهتمام أكبر أو أقل بشكل تلقائي.

على الرغم من توفّر تصميم الخرائط المستنِد إلى السحابة الإلكترونية على حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" للتطبيقات المتوافقة مع Android1، و"خرائط Google" لحزمة تطوير البرامج (SDK) لنظام التشغيل iOS وJavaScript وواجهة برمجة التطبيقات الثابتة لتطبيق "خرائط Google"، لن تظهر جميع الميزات على جميع الأنظمة الأساسية.

قبل البدء

  • إنشاء رقم تعريف خريطة
    لاستخدام تصميم الخرائط المستندة إلى السحابة الإلكترونية، يجب تحميل خريطتك باستخدام رقم تعريف الخريطة.
  • نقل البيانات من النمط غير المرمَّز
    قبل إضافة رقم تعريف خريطة لاستخدام تصميم الخرائط المستنِد إلى السحابة الإلكترونية على خريطة حالية يتم تخصيصها بأنماط غير قابلة للتغيير، مثل معلَمات طلب البحث بتنسيق JSON أو عنوان URL، ننصحك بإزالة النمط غير المرمَّز لتجنُّب أي تعارض محتمل مع الوظائف المستقبلية. يمكنك استيراد نمط JSON إلى نمط خريطة جديد.

الإذن بالوصول إلى الفوترة

يتطلب استخدام تصميم الخرائط المستندة إلى السحابة الإلكترونية رقم تعريف الخريطة. في حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" للتطبيقات المتوافقة مع Android وحزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" للتطبيقات المتوافقة مع iOS وJavaScript، يتم فرض رسوم على رمز التخزين التعريفي لتطبيق "خرائط Google". في واجهة برمجة التطبيقات الثابتة للخرائط، يؤدي استخدام رقم تعريف الخريطة إلى فرض رسوم على رمز التخزين التعريفيالخرائط الثابتة.

أمثلة

هذا مثال أساسي على تحميل خريطة بتصميم مخصّص باستخدام رقم تعريف خريطة. في هذه الحالة، يشير رمز JavaScript في "خرائط Google" إلى رقم تعريف الخريطة 8e0a97af9386fef عند تحميل الخريطة، ويطبّق تلقائيًا نمط الخريطة المرتبط حاليًا برقم تعريف الخريطة هذا.

TypeScript

function initMap(): void {
  new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      mapId: "8e0a97af9386fef",
      center: { lat: 48.85, lng: 2.35 },
      zoom: 12,
    } as google.maps.MapOptions
  );
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

function initMap() {
  new google.maps.Map(document.getElementById("map"), {
    mapId: "8e0a97af9386fef",
    center: { lat: 48.85, lng: 2.35 },
    zoom: 12,
  });
}

window.initMap = initMap;
index.js
عرض مثال

تجربة عيّنة من المحتوى

  1. لا يتوفّر تصميم الخرائط المستندة إلى السحابة الإلكترونية في الوضع البسيط في Android.↩