ผมจะทำ UI แบบ google map เลยครับ ประมาณว่า เมื่อ scroll mouse จะมี overlay ขึ้นมาให้กด ctrl ถึงจะสามารถ zoomได้
สิ่งที่ผมทำตอนนี้คือ
1.ผมทำการ map.UI.lockMap()
2.ผมจะปลดล็อคด้วยกัน event click() แล้วให้ทำคำสั่ง
map.placeholder().querySelector(".ldmap_placeholder .ldmap_lock_overlay").style.display = 'none';
ผลปรากฎว่า มันต้อง click 1 ครั้งก่อน แล้วถึงสามารถ move map ได้ ตามที่ได้กล่าวไปเลยครับ แต่ถ้าหากผมอยาก
ให้ click แล้วลากเลย ก็จะทำการ move map ได้ พี่ๆ เพื่อนๆ ขอคำแนะนำด้วยครับ
ผมทำได้แล้วครับ ทำ overlay แบบ google ใหม่ เลย จะมาแชร์ main ให้ครับ
ใช้อันนี้ก่อน
map.Ui.Mouse.enableWheel(false);
map.Ui.Keyboard.enable(false);
map.Ui.lockMap();
สำคัญเลยเป็น point ของคำถามคือตรงนี้
document.querySelector(".ldmap_placeholder .ldmap_lock_overlay").style.pointerEvents = 'none';
ตามด้วยจังหวะที่กด ctrl เพื่อให้สามารถ zoomได้ ถ้ากด ctrl ให้ใส่ code นี้
map.Ui.Mouse.enableWheel(true);
สรุปคือ placeholde lock_overlay จะมีฉากบัง map อยู่แต่เราสามารถกดทะลุไปยัง map ได้