تعيين نمط الخريطة في iOS SDK (معاينة)
توضح لك هذه المقالة طريقتين لتعيين أنماط الخريطة باستخدام خرائط Azure iOS SDK. يحتوي خرائط Azure على ستة أنماط خرائط مختلفة للاختيار من بينها. لمزيد من المعلومات حول أنماط الخريطة المدعومة، راجع أنماط الخريطة المدعومة في خرائط Azure.
المتطلبات الأساسية
تأكد من إكمال الخطوات الواردة في التشغيل السريع: إنشاء مستند تطبيق iOS .
هام
يتطلب الإجراء الوارد في هذا القسم حساب خرائط Azure في طبقة تسعير Gen 1 أو Gen 2. لمزيد من المعلومات حول مستويات التسعير، راجع اختيار مستوى التسعير المناسب في خرائط Azure.
تعيين نمط الخريطة في عنصر تحكم الخريطة init
يمكنك تعيين نمط خريطة في مدخل عنصر تحكم الخريطة. تقوم التعليمة البرمجية التالية بتعيين موقع المركز ومستوى التكبير/التصغير ونمط الخريطة.
MapControl(options: [
CameraOption.center(lat: 47.602806, lng: -122.329330),
CameraOption.zoom(12),
StyleOption.style(.grayscaleDark)
])
تعرض لقطة الشاشة التالية التعليمة البرمجية أعلاه التي تعرض خريطة طريق بنمط رمادي داكن.
تعيين نمط الخريطة عبر setStyleOptions الطريقة
يمكن تعيين نمط الخريطة برمجيا في التعليمات البرمجية باستخدام setStyleOptions طريقة الخريطة. تقوم التعليمة البرمجية التالية بتعيين موقع المركز ومستوى التكبير/التصغير باستخدام طريقة الخرائط setCameraOptions ونمط الخريطة إلى .satelliteRoadLabels.
mapControl.onReady { map in
//Set the camera of the map.
map.setCameraOptions([
.center(lat: 47.64, lng: -122.33),
.zoom(14)
])
//Set the style of the map.
map.setStyleOptions([.style(.satelliteRoadLabels)])
}
تعرض لقطة الشاشة التالية الرمز أعلاه الذي يعرض خريطة بنمط تسميات الطرق عبر الأقمار الصناعية.
تعيين كاميرا الخريطة
تتحكم كاميرا الخريطة في أي جزء من العالم يتم عرضه في منفذ عرض الخريطة. هناك طريقتان رئيسيتان لتحديد موقع الخريطة. باستخدام التوسيط والتكبير/التصغير، أو المرور في مربع محيط. توضح التعليمة البرمجية التالية كيفية تعيين كافة خيارات الكاميرا الاختيارية عند استخدام center و zoom.
//Set the camera of the map using center and zoom.
map.setCameraOptions([
.center(lat: 47.64, lng: -122.33),
.zoom(14),
.pitch(45),
.bearing(90),
.minZoom(10),
.maxZoom(14)
])
غالبا ما يكون من المستحسن تركيز الخريطة على مجموعة من البيانات. يمكن حساب مربع محيط من المعالم باستخدام الطريقة BoundingBox.fromData(_:) ويمكن تمريره إلى bounds خيار كاميرا الخريطة. عند تعيين طريقة عرض خريطة استنادا إلى مربع محيط، غالبا ما يكون من المفيد تحديد padding قيمة لحساب حجم نقطة نقاط البيانات التي يتم تقديمها كفقاعات أو رموز. توضح التعليمة البرمجية التالية كيفية تعيين كافة خيارات الكاميرا الاختيارية عند استخدام مربع محيط لتعيين موضع الكاميرا.
//Set the camera of the map using a bounding box.
map.setCameraBoundsOptions([
.bounds(
BoundingBox(
sw: CLLocationCoordinate2D(latitude: 47.4333, longitude: -122.4594),
ne: CLLocationCoordinate2D(latitude: 47.75758, longitude: -122.21866)
)
),
.padding(20),
.maxZoom(14)
])
قد لا تكون نسبة العرض إلى الارتفاع للمربع المحيط هي نفسها نسبة العرض إلى الارتفاع للخريطة، على هذا النحو غالبا ما تظهر الخريطة مساحة المربع المحيط الكاملة، ولكنها غالبا ما تكون ضيقة رأسيا أو أفقيا فقط.
تحريك طريقة عرض الخريطة
عند تعيين خيارات الكاميرا للخريطة، يمكن أيضا استخدام خيارات الرسوم المتحركة لإنشاء انتقال بين طريقة عرض الخريطة الحالية والطريقة التالية. تحدد هذه الخيارات نوع الرسوم المتحركة والمدة التي يجب أن تستغرقها لتحريك الكاميرا.
| الخيار | الوصف |
|---|---|
animationDuration(_ duration: Double) |
يحدد المدة التي ستتحرك فيها الكاميرا بين طرق العرض بالمللي ثانية (مللي ثانية). |
animationType(_ animationType: AnimationType) |
يحدد نوع انتقال الحركة المطلوب تنفيذه. - .jump - تغيير فوري.- .ease - تغيير تدريجي لإعدادات الكاميرا.- .fly - تغيير تدريجي لإعدادات الكاميرا بعد قوس يشبه الرحلة. |
توضح التعليمة البرمجية التالية كيفية تحريك طريقة عرض الخريطة باستخدام حركة .fly على مدار ثلاث ثوان.
map.setCameraOptions([
.animationType(.fly),
.animationDuration(3000)
.center(lat: 47.6, lng: -122.33),
.zoom(12),
])
يوضح ما يلي التعليمة البرمجية أعلاه التي تحرك عرض الخريطة من نيويورك إلى سياتل.
معلومات إضافية
راجع المقالات التالية للحصول على مزيد من نماذج التعليمات البرمجية لإضافتها إلى خرائطك: