تمت ترجمة هذه الصفحة بواسطة Cloud Translation API‏.

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

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

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

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

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

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

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

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

قبل البدء

إنشاء رقم تعريف خريطة
لاستخدام تصميم الخرائط المستندة إلى السحابة الإلكترونية، يجب تحميل خريطتك باستخدام رقم تعريف الخريطة.
الترحيل من النمط غير الثابت
قبل إضافة معرّف خريطة لاستخدام نمط الخرائط المستندة إلى السحابة الإلكترونية على خريطة حالية تم تخصيصها باستخدام نمط ثابت، مثل معلمات JSON أو معلمات طلب البحث في عنوان URL، ننصحك بإزالة النمط غير الثابت لتجنّب أي تعارض محتمل مع الوظائف المستقبلية. يمكنك استيراد نمط JSON إلى نمط خريطة جديد.
- على نظام التشغيل Android، حدِّث MapStyleOptions
- على نظام التشغيل iOS، حدِّث الصف GMSMapStyle
- على JavaScript، أزِل نمط MapTypeStyle
- في "الخرائط الثابتة"، أزِل المعلمة style

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

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

أمثلة

وهذا مثال أساسي لتحميل خريطة ذات أنماط مخصصة باستخدام معرف خريطة. في هذه الحالة، يشير رمز JavaScript للخرائط إلى معرّف الخريطة 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

عرض مثال

تجربة النموذج

Stackblitz.com CodeSandbox.io JSFiddle.net GitPod.io Google Cloud Shell

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