أكثر

كيفية إضافة صورة ol.control.ZoomToExtent في Openlayer 3؟

كيفية إضافة صورة ol.control.ZoomToExtent في Openlayer 3؟


في ol.control.ZoomToExtent ، استخدم Openlayers3 الحرف "E" للعرض (http://openlayers.org/en/v3.5.0/examples/navigation-controls.html). لكن اريد اضافة صورة كيف افعل هذا؟


يمكنك استخدام عنصر تحكم مخصص كما هو موضح في هذا المثال.

http://openlayers.org/en/v3.5.0/examples/custom-controls.html

بعد ذلك ، يمكنك تعيين لغة HTML الداخلية للزر مع صورتك باستخدام HTMLبطاقة شعار.

ستحتاج إلى تكرار وظيفة Zoom to Extent في معالج حدث النقر. يمكن القيام بذلك باستخدام السطر التالي

map.getView (). fitExtent (newextent، map.getSize ())