كيف تستخدم الخرائط MapKit

DoaaAHAمنذ سنتين

بسم الله الرحمن الرحيم 

في هذا الدرس سأقوم بشرح كيفية عمل الخرائط بإستخدام MapKit.

 

أولا : إفتح xcode و قم بإختيار Single View Application .

599fac48a43c2_ScreenShot1438-12-03at7_32_36AM.png.c260e717d8e697d7c37e0d9c9cea7d5e.png

وأدخل المعلومات كما في الصوره التالية :

599fac56ceeee_ScreenShot1438-12-03at7_33_18AM.png.096d59fe55b1b5805245592cefe226d5.png

ثانيا : إذهب الى storyboard . من صندوق الأدوات إختر MapKit View و قم بسحبها الى main View .

599fae0260669_ScreenShot1438-12-03at7_35_24AM.thumb.png.98bbf5dc48b05d604cefac3d50d53295.png

الأن نضع القياسات لـ MapKit View بحيث تكون بنفس حجم الـmain View كالتالي:

إضغط على زر Pin في أسفل يمين الـ storyboard ثم إضغط الخطوط الحمراء المتقطعة لتصبح متصلة كما في الصورة التالية :

599fadcc03b68_ScreenShot1438-12-03at7_36_53AM.thumb.png.d003d95ab226c34f9b0b2556945ab9ff.png

 

ثالثا: أنشئ IBOutlet من MapKit View كالتالي : 

أختر Assistant Editor وتأكد أن ملف ViewController.swift ظاهر أمامك . حدد MapKit View و قم بالضغط على زر الفأره الأيمن + زر Ctrl ثم قم بالسحب إلى الكود البرمجي داخل ViewController class .. قم بتسمية ال IBOutlet بالإسم التالي  mapview كما في الصورة التالية : 

 

599faf156641b_ScreenShot1438-12-03at7_59_35AM.thumb.png.4a92972f567cb2a4fca74f39ae77731c.png

 

رابعا : إذهب إلى ملف ViewController.swift وقم بتضمين مكتبة MapKit في بداية الكود البرمجي .


import MapKit

 

خامسا : في دالة ViewDidLoad أضف الكود البرمجي التالي : 


override func viewDidLoad() {

        super.viewDidLoad()

         // 1

        mapview.mapType = MKMapType.standard        

        // 2       

        let location = CLLocationCoordinate2D(latitude: 51.50007773, longitude: -0.1246402) 

        // 3       

        let span = MKCoordinateSpanMake(0.05, 0.05)

        let region = MKCoordinateRegion(center: location, span: span)

        mapview.setRegion(region, animated: true)



        4//

        let annotation = MKPointAnnotation()

        annotation.coordinate = location

        annotation.title = "Big Ben"

        annotation.subtitle = "London"

        mapview.addAnnotation(annotation)

    }

 

 

١- نختار نوع الخريطة بإستخدام خاصية MKMapType , وإخترنا نوعها Standard. 

٢- أنشأنا ثابت إسمه location وأسندنا إليه دالة تسمى CLLocationCoordinate2d و وضعنا فيها خطوط الطول والعرض لمدينة لندن .

٣- قيمة span تمثل خطوط الطول والعرض لجزء الخريطة المراد عرضه (أي اتساع الخريطة من الشمال إلى الجنوب و من الشرق إلى الغرب ), كلما كانت قيمته صغيره كان الجزء المعروض من الخريطة كبير ,أيضا يحدد مستوى التكبير الحالي في الخريطة .

- دالة الـ MKCoordinateRegion تحدد المنطقة التي حددنا إحداثياتها في الخطوة الثانية .

٤- أنشأنا كائن ثابت من كلاس MKPointAnnotation و أسميناه annotation ( annotation هي العلامة الحمراء التي تظهر عادة في خرائط أوبر) , 

-أسندنا إلى الإحداثيات coordinate قيم الثابت location الذي أنشأناه في الخطوة الثانية و وضغنا في الـ Title إسم المكان و الـ SubTitle إسم العاصمة. 

 

 

 الأن قم بتشغيل المشروع : 

59a076eb581de_ScreenShot1438-12-03at10_12_56PM.png.3605ae2d22b7032f007182897702a755.png

كلمات دليلية:
1
إعجاب
608
مشاهدات
0
مشاركة
0
متابع
متميز
محتوى رهيب

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !