أضف طبقة تجانب إلى خريطة

توضح لك هذه المقالة كيفية تراكب طبقة تجانب على الخريطة. تسمح لك طبقات الصورة المصغرة من الخريطة بتركيب الصور أعلى الصور المصغرة من الخرائط الأساسية لخرائط Azure. لمزيد من المعلومات حول نظام التجانب خرائط Azure، راجع مستويات التكبير/التصغير وشبكة التجانب.

يتم تحميل طبقة صورة مصغرة من الخريطة في الصور المصغرة من الخريطة من أحد الخوادم. يمكن عرض هذه الصور مسبقا أو عرضها ديناميكيا. يتم تخزين الصور التي تم طلبها مسبقا مثل أي صورة أخرى على خادم باستخدام اصطلاح تسمية تفهمه طبقة التجانب. تستخدم الصور المعروضة ديناميكيا خدمة لتحميل الصور بالقرب من الوقت الحقيقي. توجد ثلاثة اصطلاحات مختلفة لتسمية خدمة الصورة مصغرة من الخريطة مدعومة بواسطة فئة Azure Maps TileLayer:

  • X، Y، رمز التكبير/التصغير - X هو العمود، Y هو موضع صف اللوحة في شبكة التجانب، وتكبير/تصغير قيمة استنادًا إلى مستوى التكبير/التصغير.
  • رمز Quadkey - يجمع بين معلومات x وy والتكبير/التصغير في قيمة سلسلة واحدة. تصبح قيمة السلسلة هذه معرفا فريدا للوحة واحدة.
  • Bounding Box - حدد صورة بتنسيق إحداثيات مربع الإحاطة: {west},{south},{east},{north}. يستخدم هذا التنسيق عادة من قبل خدمات تعيين الويب (WMS).

تلميح

يُعد TileLayer طريقة رائعة لتمثيل مجموعات البيانات الكبيرة على الخريطة. لا يمكن فحسب إنشاء طبقة صورة مصغرة من الخريطة من صورة، ويمكن أيضاً عرض بيانات المتجه كطبقة صورة مصغرة من الخريطة أيضاً. من خلال تقديم بيانات المتجه كطبقة صورة مصغرة من الخريطة، يحتاج عنصر تحكم الخريطة فقط إلى تحميل الصور المصغرة من الخريطة، والتي تكون أصغر بكثير في حجم الملف من بيانات المتجه التي تمثلها. يتم استخدام هذه التقنية عادةً إلى عرض ملايين صفوف البيانات على الخريطة.

عنوان URL للصورة المصغرة من الخريطة الذي يتم تمريره إلى طبقة صورة مصغرة من الخريطة يجب أن يكون http أو https URL إلى مورد TileJSON أو قالب عنوان URL للصورة المصغرة من الخريطة الذي يستخدم المعلمات التالية:

  • {x} - الموضع X للصورة مصغرة من الخريطة. يحتاج أيضًا إلى {y} و{z}.
  • {y} - الموضع «ص» للصورة المصغرة من الخريطة. يحتاج أيضًا إلى {x} و{z}.
  • {z} - مستوى تكبير الصورة المصغرة من الخريطة. يحتاج أيضًا إلى {x} و{y}.
  • {quadkey} - المعرّف رباعي المفاتيح للصورة المصغرة من الخريطة المستند إلى اصطلاح تسمية نظام الصورة المصغرة من الخريطة الخاص بخرائط Bing.
  • {bbox-epsg-3857} - سلسلة مربعات إحاطة بتنسيق {west},{south},{east},{north} وفق النظام المرجعي المكاني EPSG 3857.
  • {subdomain} - عنصر نائب لقيم المجال الفرعي، إذا تم subdomain تحديد إضافة .
  • {azMapsDomain} - عنصر نائب لمحاذاة المجال والمصادقة على طلبات الصورة مصغرة من الخريطة بنفس القيم التي تستخدمها الخريطة.

إضافة طبقة تجانب

يوضح هذا النموذج كيفية إنشاء طبقة صورة مصغرة من الخريطة تشير إلى مجموعة من صورة مصغرة من الخريطة. يستخدم هذا النموذج نظام الصورة مصغرة من الخريطة "x، y، التكبير". مصدر هذه الطبقة للصورة المصغرة من الخريطة هو مشروع OpenSeaMap، والذي يحتوي على مخططات بيانية بحرية مجمعة المصادر. من الناحية المثالية، سيرى المستخدمون بوضوح تسميات المدن أثناء تنقلهم في الخريطة عند عرض بيانات الرادار. يمكن تنفيذ هذا السلوك عن طريق إدراج طبقة التجانب أسفل labels الطبقة.

//Create a tile layer and add it to the map below the label layer.
map.layers.add(new atlas.layer.TileLayer({
    tileUrl: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
    opacity: 0.8,
    tileSize: 256,
    minSourceZoom: 7,
    maxSourceZoom: 17
}), 'labels');

للحصول على عينة تعمل بكامل طاقتها توضح كيفية إنشاء طبقة تجانب تشير إلى مجموعة من الإطارات المتجانبة باستخدام نظام تجانب x وy والتكبير/التصغير، راجع نموذج طبقة التجانب باستخدام X وY وZ في عينات خرائط Azure. مصدر طبقة التجانب في هذا النموذج هو مخطط بحري من مشروع OpenSeaMap، وهو مشروع OpenStreet الخرائط مرخص ضمن ODbL. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع طبقة التجانب باستخدام التعليمات البرمجية المصدر X وY وZ.

A screenshot of map with a tile layer that points to a set of tiles using the x, y, zoom tiling system. The source of this tile layer is the OpenSeaMap project.

إضافة خدمة خرائط الويب OGC (WMS)

خدمة خرائط الويب (WMTS) هي معيار Open Geospatial Consortium (OGC) لخدمة صور بيانات الخرائط. يوجد العديد من مجموعات البيانات المفتوحة المتوفرة بهذا التنسيق والتي يمكنك استخدامها مع Azure Maps. يمكن استخدام هذا النوع من الخدمة مع طبقة صورة مصغرة من الخريطة إذا كانت الخدمة تدعم النظام المرجعي للإحداثيات (CRS) EPSG:3857. عند استخدام خدمة WMS، قم بتعيين معلمات العرض والارتفاع إلى القيمة التي تدعمها الخدمة، تأكد من تعيين هذه القيمة في tileSize الخيار . في عنوان URL المُنسَّق، عيّن معلمة BBOX للخدمة مع العنصر النائب {bbox-epsg-3857}.

للحصول على عينة تعمل بكامل طاقتها توضح كيفية إنشاء طبقة تجانب تشير إلى خدمة تعيين ويب (WMS)، راجع نموذج طبقة تجانب WMS في نماذج خرائط Azure. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع التعليمات البرمجية المصدر لطبقة لوحة WMS.

تظهر لقطة الشاشة التالية عينة طبقة تجانب WMS التي تراكب خدمة تعيين الويب للبيانات الجيولوجية من المسح الجيولوجي الأمريكي (USGS) أعلى الخريطة وأسفلا من التسميات.

A screenshot of a world map with a tile layer that points to a Web Mapping Service (WMS).

إضافة خدمة الصور المصغرة من الخريطة لتخطيط الويب (WMTS) من OGC

خدمة الصور المصغرة من الخريطة لتخطيط الويب (WMTS) هي معيار Open Geospatial Consortium (OGC) لتقديم التراكبات المستندة إلى الصور المصغرة من الخريطة للخرائط. يوجد العديد من مجموعات البيانات المفتوحة المتوفرة بهذا التنسيق والتي يمكنك استخدامها مع Azure Maps. يمكن استخدام هذا النوع من الخدمة مع طبقة صورة مصغرة من الخريطة إذا كانت الخدمة تدعم النظام المرجعي للإحداثيات (CRS) EPSG:3857 أو GoogleMapsCompatible. عند استخدام خدمة WMTS، قم بتعيين معلمات العرض والارتفاع إلى نفس القيمة التي تدعمها الخدمة، تأكد أيضا من تعيين هذه القيمة في tileSize الخيار . في عنوان URL المُنسَّق، استبدل العناصر النائبة التالية وفقًا لما يلي:

  • {TileMatrix} =>{z}
  • {TileRow} =>{y}
  • {TileCol} =>{x}

للحصول على عينة تعمل بكامل طاقتها توضح كيفية إنشاء طبقة تجانب تشير إلى خدمة تجانب تعيين ويب (WMTS)، راجع نموذج طبقة تجانب WMTS في عينات خرائط Azure. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع التعليمات البرمجية المصدر لطبقة تجانب WMTS.

تظهر لقطة الشاشة التالية عينة طبقة تجانب WMTS التي تراكب خدمة تجانب تعيين الويب للصور من الخريطة الوطنية للمسح الجيولوجي الأمريكي (USGS) فوق خريطة، أسفل الطرق والتسميات.

A screenshot of a map with a tile layer that points to a Web Mapping Tile Service (WMTS) overlay.

تخصيص طبقة صورة مصغرة من الخريطة

تحتوي فئة طبقة صورة مصغرة من الخريطة على العديد من خيارات التصميم. نموذج خيارات طبقة التجانب هو أداة لتجربتها. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع التعليمات البرمجية المصدر لخيارات طبقة التجانب.

A screenshot of Tile Layer Options sample.

الخطوات التالية

تعرّف على المزيد حول الفئات والأساليب المُستخدمة في هذه المقالة:

راجع المقالات التالية للحصول على المزيد من نماذج التعليمات البرمجية لإضافتها إلى الخرائط الخاصة بك: