إضافة طبقة صورة إلى خريطة
تبين لك هذه المقالة كيفية تراكب صورة على مجموعة إحداثيات ثابتة. فيما يلي بعض الأمثلة لأنواع صور مختلفة يمكن تراكبها على الخرائط:
- صور ملتقطة من طائرات بدون طيار
- مخططات طوابق البناء
- صور الخرائط التاريخية أو غيرها من الصور المتخصصة
- مخططات خاصة بمواقع العمل
- صور رادار خاصة بالطقس
تلميح
يعد ImageLayer طريقة سهلة لتراكب صورة على الخريطة. لاحظ أن المتصفحات قد تواجه صعوبة في تحميل صورة كبيرة. في هذه الحالة، ضع في اعتبارك تقسيم الصورة الخاصة بك إلى مربعات، وتحميلها في الخريطة باعتبارها TileLayer.
تدعم طبقة الصورة تنسيقات الصور المذكورة أدناه:
- JPEG
- PNG
- BMP
- GIF (بدون رسوم متحركة)
إضافة طبقة صورة
يتراكب الكود التالي على صورة خريطة نيويورك، نيو جيرسي، من عام 1922 على الخريطة. يُنشئ ImageLayer من خلال تمرير عنوان URL إلى صورة، وإحداثيات الزوايا الأربع بالتنسيق [Top Left Corner, Top Right Corner, Bottom Right Corner, Bottom Left Corner].
//Create an image layer and add it to the map.
map.layers.add(new atlas.layer.ImageLayer({
url: 'newark_nj_1922.jpg',
coordinates: [
[-74.22655, 40.773941], //Top Left Corner
[-74.12544, 40.773941], //Top Right Corner
[-74.12544, 40.712216], //Bottom Right Corner
[-74.22655, 40.712216] //Bottom Left Corner
]
}));
للحصول على عينة تعمل بكامل طاقتها توضح كيفية تراكب صورة لخريطة نيوارك نيو جيرسي من عام 1922 كطبقة صورة، راجع طبقة الصور البسيطة في عينات خرائط Azure. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع التعليمات البرمجية المصدر لطبقة الصور البسيطة.
استورد ملف KML كتراكب أرضي
يُظهر هذا النموذج كيفية إضافة معلومات التراكب الأرضي KML كطبقة صورة على الخريطة. يتيح تراكبات أرضية KML، وإحداثيات الشمال، والجنوب، والشرق والغرب ودوران في عكس اتجاه عقارب الساعة. إلا أن طبقة الصورة تتوقع إحداثيات لكل ركن من أركان الصورة. تراكب KML الأرضي في هذا النموذج مخصص لكاتدرائية شارتر، وقد تم الحصول عليه من Wikimedia.
تُستخدم التعليمات البرمجية الدالة الثابتة getCoordinatesFromEdges من فئة ImageLayer. تحسب الزوايا الأربع للصورة باستخدام معلومات الشمال والجنوب والشرق والغرب والتدوير الخاصة بالتراكب الأرضي لـ KML.
للحصول على عينة تعمل بكامل طاقتها توضح كيفية استخدام تراكب KML الأرضي كطبقة صورة، راجع تراكب KML الأرضي كطبقة صورة في عينات خرائط Azure. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع تراكب KML الأرضي كتعليق مصدر طبقة الصورة.
تلميح
استخدم getPixelsوgetPositions وظائف فئة طبقة الصورة ووظائفها للتحويل بين الإحداثيات الجغرافية لطبقة الصورة الموضوعة وإحداثيات بكسل الصورة المحلية.
تخصيص طبقة خاصة بالصورة
تحتوي طبقة الصورة على خيارات تصميم عديدة. للحصول على عينة تعمل بكامل طاقتها توضح كيفية تأثير الخيارات المختلفة لطبقة الصورة على العرض، راجع خيارات طبقة الصورة في نماذج خرائط Azure. للحصول على التعليمات البرمجية المصدر لهذا النموذج، راجع التعليمات البرمجية المصدر لخيارات طبقة الصورة.
الخطوات التالية
تعرّف على المزيد حول الفئات والأساليب المُستخدمة في هذه المقالة:
راجع المقالات التالية للحصول على المزيد من نماذج التعليمات البرمجية لإضافتها إلى الخرائط الخاصة بك: