المحتوى
يمكنك تخصيص خريطة Google لتلبية الاحتياجات الخاصة لجمهور موقعك على الويب باستخدام واجهة برمجة تطبيقات خرائط Google 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 ({الخريطة: نصف قطر الخريطة: 5000
الخطوة الخامسة
قم بإنشاء لون تعبئة للدائرة. يمكنك تحديد اللون باستخدام تنسيق سداسي عشري. على سبيل المثال ، اكتب:
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 ("خريطة" ، علامة) ؛
الخطوة 7
احفظ الخريطة واختبرها. ستعرض خرائط Google دائرة بيضاء نصف قطرها 5000 متر حول موقع العلامة.