CloudMade/Leaflet — Issue #348: Jquery, GeoJSON and Mobile CSS
Author: ns-1m
Created: 2011-10-27 02:48:57+00:00
State: open

This problem is jQuery and Leaflet mobile.

It seems that Leaflet mobile does not play well with jQuery.

Without jQuery, Leaflet mobile is OK. It works fine. It zoom in / zoom out, panning works well in iOS (iPhone and iPad).

However, with jQuery (e.g. jQTouch), Leaflet mobile is only working using Zoom in / Zoom out. The panning and pinches are NOT working.

You drag your Leaflet-moblie-jqtouch.html to iPhone simulator zoom in / zoom out panel is working but not the panning and pinches as mentioned above.

Regarding, GeoJSON and Mobile,

Scenario 1:

if I drag, the my project (e.g. Leaflet-moblie-jqtouch-geosjon.html) to simulator, I can see the geosjon blue marker (geojson coordinate , however, the pan and pinches are not working as well.

Scenario 2:

If If I include my project (e.g. Leaflet-moblie-jqtouch-geosjon.html) in Xcode, (hybrid application, javascript + Objective-C), the GeoJSON is not working, not blue maker (coordinates / point of the geojson) in iPhone/iPad simulator.

I hope I can use Leaflet GeoJSON in mobile hybrid application with spatialite (native Objective C). Leaflet GeoJSON is much simplier and easy to use compare to OpenLayers.

Thanks.