باستخدام واجهة برمجة تطبيقات خرائط Google لمسافة شعاعية - مقالات

نوصي, 2019

اختيار المحرر

باستخدام واجهة برمجة تطبيقات خرائط Google لمسافة شعاعية

يمكنك تخصيص خريطة Google لتلبية احتياجات الجمهور المحددة لموقعك باستخدام Maps API 3.0. تتمثل إحدى طرق التخصيص في إدراج دائرة توضح نصف قطر المسافة حول مكان معين. يمكنك ، على سبيل المثال ، إظهار دائرة نصف قطرها خمسة أميال حول مكان سياحي حتى يتمكن الزوار من رؤية الفنادق والمطاعم القريبة. لإنشاء نصف قطر للمسافة حول موقع أو نقطة ، استخدم فئة "الدائرة" في خرائط Google.

الاتجاهات

  1. افتح ملف HTML وانتقل إلى القسم الذي يحتوي على رمز خريطة Google.

  2. قم بالتمرير لأسفل الرمز حتى تجد موقع العلامة. للعثور على الإشارة المرجعية بسهولة ، ابحث عن المصطلح "google.maps.Marker" في ملف HTML.

  3. أسفل المكان الذي قمت بتعيين العلامة فيه ، قم بإنشاء طبقة "الدائرة" وإرفاقها بها. على سبيل المثال ، اكتب:

    var circleExample = new google.maps.Circle ({map: map

  4. أضف نصف قطر الدائرة التي ستكون حول العلامة بالأمتار:

    var circleExample = new google.maps.Circle ({map: map radius: 5000

  5. إنشاء لون تعبئة للدائرة. يمكنك ضبط اللون باستخدام تنسيق سداسي عشري. على سبيل المثال ، اكتب:

    var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF})؛

  6. ربط الدائرة أو إضافتها إلى العلامة:

    var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF})؛ circleExample.bindTo ('map' ، علامة) ؛

  7. حفظ الخريطة والاختبار. ستُظهر خرائط Google دائرة نصف قطرها 5000 متر حول دائرة بيضاء حول موقع العلامة.


Top