المحتوى
يمكنك تخصيص خريطة Google لتلبية احتياجات الجمهور المحددة لموقعك باستخدام Maps API 3.0. تتمثل إحدى طرق التخصيص في إدراج دائرة توضح نصف قطر المسافة حول مكان معين. يمكنك ، على سبيل المثال ، إظهار دائرة نصف قطرها خمسة أميال حول مكان سياحي حتى يتمكن الزوار من رؤية الفنادق والمطاعم القريبة. لإنشاء نصف قطر للمسافة حول موقع أو نقطة ، استخدم فئة "الدائرة" في خرائط Google.
الاتجاهات
-
افتح ملف HTML وانتقل إلى القسم الذي يحتوي على رمز خريطة Google.
-
قم بالتمرير لأسفل الرمز حتى تجد موقع العلامة. للعثور على الإشارة المرجعية بسهولة ، ابحث عن المصطلح "google.maps.Marker" في ملف HTML.
-
أسفل المكان الذي قمت بتعيين العلامة فيه ، قم بإنشاء طبقة "الدائرة" وإرفاقها بها. على سبيل المثال ، اكتب:
var circleExample = new google.maps.Circle ({map: map
-
أضف نصف قطر الدائرة التي ستكون حول العلامة بالأمتار:
var circleExample = new google.maps.Circle ({map: map radius: 5000
-
إنشاء لون تعبئة للدائرة. يمكنك ضبط اللون باستخدام تنسيق سداسي عشري. على سبيل المثال ، اكتب:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF})؛
-
ربط الدائرة أو إضافتها إلى العلامة:
var circleExample = new google.maps.Circle ({map: map radius: 5000 fillColor = #FFFFFF})؛ circleExample.bindTo ('map' ، علامة) ؛
-
حفظ الخريطة والاختبار. ستُظهر خرائط Google دائرة نصف قطرها 5000 متر حول دائرة بيضاء حول موقع العلامة.