إضافة طبقة خط إلى الخريطة
يمكن استخدام طبقة الخط للعرض LineString والمعالم MultiLineString كمسارات أو مسارات على الخريطة. يمكن أيضا استخدام طبقة الخط لعرض المخطط التفصيلي Polygon والميزات MultiPolygon . يتم توصيل مصدر البيانات بطبقة خط لتزويده بالبيانات لتقديمها.
تلميح
ستقوم طبقات الخطوط افتراضيا بعرض إحداثيات المضلعات وكذلك الخطوط في مصدر بيانات. لتقييد الطبقة بحيث تجعل معالم LineString فقط ، قم بتعيين filter خاصية الطبقة إلى ['==', ['geometry-type'], 'LineString'] أو ['any', ['==', ['geometry-type'], 'LineString'], ['==', ['geometry-type'], 'MultiLineString']] إذا كنت تريد تضمين ميزات MultiLineString أيضا.
توضح التعليمة البرمجية التالية كيفية إنشاء سطر. أضف الخط إلى مصدر بيانات، ثم قم بعرضه بطبقة خط باستخدام فئة LineLayer .
//Create a data source and add it to the map.
var dataSource = new atlas.source.DataSource();
map.sources.add(dataSource);
//Create a line and add it to the data source.
dataSource.add(new atlas.data.LineString([[-73.972340, 40.743270], [-74.004420, 40.756800]]));
//Create a line layer to render the line to the map.
map.layers.add(new atlas.layer.LineLayer(dataSource, null, {
strokeColor: 'blue',
strokeWidth: 5
}));
فيما يلي عينة التعليمات البرمجية الكاملة قيد التشغيل للوظيفة المذكورة أعلاه.
يمكن تصميم طبقات الخط باستخدام LineLayerOptionsواستخدام تعبيرات النمط المستندة إلى البيانات.
إضافة رموز على طول خط
يوضح هذا النموذج كيفية إضافة أيقونات الأسهم على طول خط على الخريطة. عند استخدام طبقة رمز، اضبط خيار "الموضع" على "السطر". سيؤدي هذا الخيار إلى عرض الرموز على طول الخط وتدوير الرموز (0 درجة = يمين).
تلميح
توفر خرائط Azure ويب SDK العديد من قوالب الصور القابلة للتخصيص التي يمكنك استخدامها مع طبقة الرمز. لمزيد من المعلومات، راجع مستند كيفية استخدام قوالب الصور .
إضافة تدرج حد إلى خط
يمكنك تطبيق لون حد واحد على خط. يمكنك أيضا تعبئة خط بتدرج من الألوان لإظهار الانتقال من مقطع سطر واحد إلى مقطع السطر التالي. على سبيل المثال، يمكن استخدام تدرجات الخطوط لتمثيل التغيرات بمرور الوقت والمسافة، أو درجات حرارة مختلفة عبر خط متصل من الكائنات. من أجل تطبيق هذه الميزة على سطر ، يجب أن يكون لدى مصدر البيانات الخيار المعين lineMetrics إلى ، ومن ثم يمكن تمرير تعبير تدرج اللون إلى truestrokeColor خيار الخط. يجب أن يشير ['line-progress'] تعبير تدرج الحد إلى تعبير البيانات الذي يعرض مقاييس الخط المحسوبة للتعبير.
تخصيص طبقة خط
تحتوي طبقة الخط على العديد من خيارات التصميم. هنا أداة لتجربتها.
الخطوات التالية
تعرف على المزيد حول الفئات والأساليب المستخدمة في هذه المقالة:
راجع المقالات التالية للحصول على مزيد من نماذج التعليمات البرمجية لإضافتها إلى خرائطك: