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

Merge pull request #242 from mapbox/onclick

Browse Source 
Add long press and marker touch event handler
This commit is contained in:
Bobby Sudekum
2016-01-15 11:10:43 -08:00
parent 6f53698eec 74d2a4003a
commit e53b541ced
5 changed files with 99 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android/src/main/java/com/mapbox/reactnativemapboxgl/ReactNativeMapboxGLManager.java
+50 -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;
@@ -52,6 +55,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";
@@ -220,7 +225,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);
}
}
});
@@ -242,7 +249,48 @@ 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(@Nullable 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());
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(@Nullable 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);
}
});
}