Advanced: Fix LeafletJS to work with Chrome pointer events on mobile devices

LeafletJS can´t function properly after Chrome introduced pointer events, where pointerdown or mousedown events fails on mobile devices. Dragging, scaling and rotating is not possible(like this: [login to view URL]) and this needs to work in Chrome on mobile devices with iOS and Android.

For this to work the leaflet pointerify branch(se more info below) needs to be fixed and updated.

Later on this fix will hopefully get merged into the master and you´ve have helped the community out there :-)

The requirements are that you have a good insight with leaflet and Chrome. Further you´ll have to communicate with the maintainers behind leafletjs on their channel, for providing yourself with enough knowledge on how to fix it the best way. The end product is a working branch that supports Chromes pointer events with capability of dragging, rotating and scaling and with latest version of leaflet.


From one of the contributers behind leaflet and pointerfy branch:

Fix merge conflicts (the Leaflet codebase has changed since, and that branch cannot be merged back into master cleanly). This is easily one full day to get the hang of the code and rebase on top of master.

All the basic functionality seems to be in place, so test, test, test. Grab a good test bench (desktop firefox, chromium/chrome, IE11, Edge, Safari on linux/mac/win; firefox and chrome on android; safari on iOS) and test the heck out of the basic functionality

This can be very time consuming, but is really needed, and might uncover nasty bugs

Specific things to test:

Basic pointerdown/pointerup

Map drag

pinch-zoom interactions, two-finger map pan interactions

double clicks

pointerenter/pointerleave (hovering over a [login to view URL] which changes style)

Native browser interactions: How does long-press behave on a touchscreen? Does it fire contextmenu events as expected?


More info:

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL] (This can be done in Firefox IE, etc but not Chrome, mobile devices)

Channel for maintainers and contributers: https://riot.im/app/#/room/#Leaflet:matrix.org

Tests are need to be done and the timeframe is to succeed within 3 months.

Beceriler: Android, iPhone, Javascript, Mobile App Development

Daha fazlasını gör: Need someone from Eastern Asia. people from India, Pakistan and Bangladesh wont be allowed to work on this project. , We\ re looking for a visual designer to work with on a long term basis for this project and many others. This contest is somethi, We\ re looking for a visual designer to work with on a long term basis for this project and many others. , android, javascript, Site must load quickly Site must work on tablet and mobile devices, graphics design mobile devices ipad iphone android blackberry, fix css website work chrome, create mouse pointer windows mobile, pointer windows mobile, fix problem images chrome, mouse pointer windows mobile, lightwindow doesnt work chrome, fix java script chrome, fix javascript problems chrome, wmv player work chrome, fix css google chrome, fix bug google chrome, work will given day project job, fix javascript google chrome

İşveren Hakkında:
( 3 değerlendirme ) Herlev, Denmark

Proje NO: #16997466