ضوابط خرائط جوجل
خرائط جوجل - الضوابط الافتراضية
عند إظهار خريطة Google القياسية ، فإنها تأتي مع مجموعة التحكم الافتراضية:
- تكبير - يعرض شريط التمرير أو أزرار "+/-" للتحكم في مستوى تكبير الخريطة
- تحريك - يعرض عنصر تحكم شامل لتحريك الخريطة
- MapType - يتيح للمستخدم التبديل بين أنواع الخرائط (خارطة الطريق والأقمار الصناعية)
- التجوّل الافتراضي - يعرض رمز الدليل الذي يمكن سحبه إلى الخريطة لتمكين التجوّل الافتراضي
خرائط جوجل - المزيد من الضوابط
بالإضافة إلى عناصر التحكم الافتراضية ، فإن خرائط Google لديها أيضًا:
- مقياس - يعرض عنصر مقياس الخريطة
- تدوير - يعرض رمزًا دائريًا صغيرًا يسمح لك بتدوير الخرائط
- الخريطة الموجزة - تعرض خريطة نظرة عامة مصغرة تعكس إطار عرض الخريطة الحالي في منطقة أوسع
يمكنك تحديد عناصر التحكم التي سيتم عرضها عند إنشاء الخريطة (داخل MapOptions) أو عن طريق استدعاء setOptions () لتغيير خيارات الخريطة.
خرائط جوجل - تعطيل الضوابط الافتراضية
قد ترغب بدلاً من ذلك في إيقاف تشغيل عناصر التحكم الافتراضية.
للقيام بذلك ، قم بتعيين خاصية "تعطيل واجهة المستخدم الافتراضية" للخريطة (داخل كائن خيارات الخريطة) على "صواب":
مثال
var mapOptions {disableDefaultUI: true}
خرائط Google - قم بتشغيل جميع عناصر التحكم
تظهر بعض عناصر التحكم على الخريطة افتراضيًا ؛ بينما لن يظهر الآخرون إلا إذا قمت بتعيينهم.
يتم تحديد إضافة أو إزالة عناصر التحكم من الخريطة في كائن خيارات الخريطة.
اضبط عنصر التحكم على "صحيح" لجعله مرئيًا - اضبط عنصر التحكم على "خطأ" لإخفائه.
المثال التالي يقوم بتشغيل "تشغيل" جميع عناصر التحكم:
مثال
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
خرائط جوجل - تعديل الضوابط
العديد من ضوابط الخريطة قابلة للتكوين.
يمكن تعديل الضوابط عن طريق تحديد حقول خيارات التحكم.
على سبيل المثال ، يتم تحديد خيارات تعديل عنصر التحكم في التكبير / التصغير في الحقل zoomControlOptions. قد يحتوي حقل zoomControlOptions على:
- google.maps.ZoomControlStyle.SMALL - يعرض عنصر تحكم تكبير صغير (أزرار + و- فقط)
- google.maps.ZoomControlStyle.LARGE - يعرض عنصر تحكم منزلق التكبير القياسي
- google.maps.ZoomControlStyle.DEFAULT - يختار أفضل تحكم في التكبير / التصغير بناءً على الجهاز وحجم الخريطة
مثال
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
ملاحظة: إذا قمت بتعديل عنصر تحكم ، فقم دائمًا بتمكين عنصر التحكم أولاً (قم بتعيينه على "صواب").
عنصر تحكم آخر قابل للتكوين هو عنصر تحكم MapType.
يتم تحديد خيارات تعديل عنصر التحكم في الحقل mapTypeControlOptions. قد يحتوي الحقل mapTypeControlOptions على ::
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - اعرض زرًا واحدًا لكل نوع خريطة
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - حدد نوع الخريطة عبر القائمة المنسدلة
- google.maps.MapTypeControlStyle.DEFAULT - يعرض السلوك "الافتراضي" (يعتمد على حجم الشاشة)
مثال
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
يمكنك أيضًا وضع عنصر تحكم ، باستخدام الخاصية ControlPosition:
مثال
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}