status-im/react-native-mapbox-gl
1
0
Fork 0
mirror of https://github.com/status-im/react-native-mapbox-gl.git synced 2026-08-30 20:41:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add long press and marker touch event handler

Browse Source
This commit is contained in:
bsudekum
2016-01-14 17:57:06 -08:00
parent f553a07144
commit 5313787d5d
3 changed files with 71 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android/src/main/java/com/mapbox/reactnativemapboxgl/ReactNativeMapboxGLManager.java
+51 -2
View File
@@ -13,7 +13,10 @@ import com.facebook.react.bridge.ReadableArray;
import com.facebook.react.bridge.ReadableMap;
import com.facebook.react.bridge.WritableMap;
import com.facebook.react.uimanager.ReactProp;
import com.facebook.react.modules.core.DeviceEventManagerModule;
import com.mapbox.mapboxsdk.annotations.Marker;
import com.mapbox.mapboxsdk.constants.Style;
import com.facebook.react.bridge.LifecycleEventListener;
import android.graphics.RectF;
import com.mapbox.mapboxsdk.geometry.CoordinateBounds;
import com.facebook.react.uimanager.SimpleViewManager;
@@ -51,6 +54,8 @@ public class ReactNativeMapboxGLManager extends SimpleViewManager<MapView> {
public static final String PROP_CENTER_COORDINATE = "centerCoordinate";
public static final String PROP_DEBUG_ACTIVE = "debugActive";
public static final String PROP_DIRECTION = "direction";
public static final String PROP_ONOPENANNOTATION = "onOpenAnnotation";
public static final String PROP_ONLONGPRESS = "onLongPress";
public static final String PROP_ONREGIONCHANGE = "onRegionChange";
public static final String PROP_ONUSER_LOCATION_CHANGE = "onUserLocationChange";
public static final String PROP_ROTATION_ENABLED = "rotateEnabled";
@@ -219,7 +224,9 @@ public class ReactNativeMapboxGLManager extends SimpleViewManager<MapView> {
location.putDouble("zoom", view.getZoomLevel());
event.putMap("src", location);
ReactContext reactContext = (ReactContext) view.getContext();
reactContext.getJSModule(RCTEventEmitter.class).receiveEvent(view.getId(), "topChange", event);
reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit("onRegionChange", event);
}
}
});
@@ -241,7 +248,49 @@ public class ReactNativeMapboxGLManager extends SimpleViewManager<MapView> {
locationMap.putString("provider", location.getProvider());
event.putMap("src", locationMap);
ReactContext reactContext = (ReactContext) view.getContext();
reactContext.getJSModule(RCTEventEmitter.class).receiveEvent(view.getId(), "topSelect", event);
reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit("onUserLocationChange", event);
}
});
}
@ReactProp(name = PROP_ONOPENANNOTATION, defaultBoolean = true)
public void onMarkerClick(final MapView view, Boolean value) {
view.setOnMarkerClickListener(new MapView.OnMarkerClickListener() {
@Override
public boolean onMarkerClick(@Nonnull Marker marker) {
WritableMap event = Arguments.createMap();
WritableMap markerObject = Arguments.createMap();
markerObject.putString("title", marker.getTitle());
markerObject.putString("subtitle", marker.getSnippet());
markerObject.putDouble("latitude", marker.getPosition().getLatitude());
markerObject.putDouble("longitude", marker.getPosition().getLongitude());
markerObject.putDouble("id", marker.getId());
event.putMap("src", markerObject);
ReactContext reactContext = (ReactContext) view.getContext();
reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit("onOpenAnnotation", event);
return false;
}
});
}
@ReactProp(name = PROP_ONLONGPRESS, defaultBoolean = true)
public void onMapLongClick(final MapView view, Boolean value) {
view.setOnMapLongClickListener(new MapView.OnMapLongClickListener() {
@Override
public void onMapLongClick(@Nonnull LatLng location) {
WritableMap event = Arguments.createMap();
WritableMap loc = Arguments.createMap();
loc.putDouble("latitude", view.getCenterCoordinate().getLatitude());
loc.putDouble("longitude", view.getCenterCoordinate().getLongitude());
event.putMap("src", loc);
ReactContext reactContext = (ReactContext) view.getContext();
reactContext
.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
.emit("onLongPress", event);
}
});
}