react-native-map4d-map-dtqg 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 IOTLink
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+# react-native-map4d-map-dtqg
+
+Map4dMap DTQG SDK for React Native
+
+## Installation
+
+```sh
+npm install react-native-map4d-map-dtqg
+```
+
+## Usage
+
+```javascript
+import {MFMapView} from 'react-native-map4d-map-dtqg';
+import React from 'react';
+import {
+  SafeAreaView,
+  StyleSheet
+} from 'react-native';
+
+function App() {
+  return (
+    <>
+      <SafeAreaView style={styles.safeView}>
+        <MFMapView style={styles.container}/>
+      </SafeAreaView>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeView: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+  },
+});
+
+export default App;
+```

package/android/build.gradle

@@ -0,0 +1,60 @@
+buildscript {
+    if (project == rootProject) {
+        repositories {
+            google()
+            mavenCentral()
+        }
+
+        dependencies {
+            classpath 'com.android.tools.build:gradle:3.5.3'
+        }
+    }
+}
+
+apply plugin: 'com.android.library'
+
+def safeExtGet(prop, fallback) {
+    rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+android {
+    compileSdkVersion safeExtGet('Map4dMap_compileSdkVersion', 30)
+    defaultConfig {
+        minSdkVersion safeExtGet('Map4dMap_minSdkVersion', 21)
+        targetSdkVersion safeExtGet('Map4dMap_targetSdkVersion', 30)
+        versionCode 1
+        versionName "1.0"
+
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+        }
+    }
+    lintOptions {
+        disable 'GradleCompatible'
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+repositories {
+    mavenLocal()
+    maven {
+        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+        url("$rootDir/../node_modules/react-native/android")
+    }
+    google()
+    mavenCentral()
+}
+
+dependencies {
+    //noinspection GradleDynamicVersion
+    implementation "com.facebook.react:react-native:+"  // From node_modules
+    implementation 'vn.map4d:Map4dTypes:1.1.+'
+    implementation 'vn.map4d:Map4dMapDTQG:0.1.+'
+    implementation 'vn.map4d:Map4dMapUtils:0.0.+'
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          package="com.reactnativemap4dmap">
+
+</manifest>

package/android/src/main/java/com/reactnativemap4dmap/ImageUtils.java

@@ -0,0 +1,87 @@
+package com.reactnativemap4dmap;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Canvas;
+import android.graphics.drawable.BitmapDrawable;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.VectorDrawable;
+import android.os.Build;
+import android.util.DisplayMetrics;
+import android.view.View;
+import android.view.WindowManager;
+
+import androidx.core.content.ContextCompat;
+import androidx.core.graphics.drawable.DrawableCompat;
+
+import vn.map4d.map.annotations.MFBitmapDescriptor;
+import vn.map4d.map.annotations.MFBitmapDescriptorFactory;
+import vn.map4d.map.annotations.RMFBitmapDescriptor;
+import vn.map4d.map.core.MapContext;
+
+class ImageUtils {
+
+  private static DisplayMetrics metrics;
+
+  static {
+    final DisplayMetrics metrics = new DisplayMetrics();
+    WindowManager wm = (WindowManager) MapContext.getContext().getSystemService(Context.WINDOW_SERVICE);
+
+    wm.getDefaultDisplay().getMetrics(metrics);
+    ImageUtils.metrics = metrics;
+
+    DisplayMetrics realMetrics = null;
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
+      realMetrics = new DisplayMetrics();
+      wm.getDefaultDisplay().getRealMetrics(realMetrics);
+    }
+    if (realMetrics != null) {
+      ImageUtils.metrics = realMetrics;
+    }
+  }
+
+  static int getDrawableResourceByName(View view, String name) {
+    return view.getResources().getIdentifier(
+      name,
+      "drawable",
+      view.getContext().getPackageName());
+  }
+
+  static MFBitmapDescriptor getBitmapDescriptorByName(View view, String name) {
+    return MFBitmapDescriptorFactory.fromResource(getDrawableResourceByName(view, name));
+  }
+
+  static MFBitmapDescriptor getBitmapByName(View view, String name) {
+    return getBitmapByName(view, name, -1, -1);
+  }
+
+  static MFBitmapDescriptor getBitmapByName(View view, String name, int width, int height) {
+    int resourceId = getDrawableResourceByName(view, name);
+    Drawable drawable = ContextCompat.getDrawable(MapContext.getContext(), resourceId);
+    if (drawable instanceof BitmapDrawable || drawable instanceof VectorDrawable) {
+      Bitmap bitmap = createBitmapFromDrawable(drawable, width, height);
+      return RMFBitmapDescriptor.create(bitmap, ImageUtils.metrics.densityDpi);
+    }
+    else {
+      throw new IllegalArgumentException("The resource provided must be a Bitmap.");
+    }
+  }
+
+  private static Bitmap createBitmapFromDrawable(Drawable drawable, int width, int height) {
+    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
+      drawable = (DrawableCompat.wrap(drawable)).mutate();
+    }
+    int tWidth = width <= 0 ? drawable.getIntrinsicWidth(): width;
+    int tHeight = height <= 0 ? drawable.getIntrinsicHeight(): height;
+
+    Bitmap bitmap = Bitmap.createBitmap(
+            tWidth,
+            tHeight,
+            Bitmap.Config.ARGB_8888);
+    Canvas canvas = new Canvas(bitmap);
+    drawable.setBounds(0, 0, tWidth, tHeight);
+    drawable.draw(canvas);
+
+    return bitmap;
+  }
+}

package/android/src/main/java/com/reactnativemap4dmap/Map4dMapModule.java

@@ -0,0 +1,298 @@
+package com.reactnativemap4dmap;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
+import com.facebook.react.uimanager.NativeViewHierarchyManager;
+import com.facebook.react.uimanager.UIBlock;
+import com.facebook.react.uimanager.UIManagerModule;
+
+import android.view.View;
+import android.util.Log;
+import android.graphics.Point;
+import android.location.Location;
+
+import vn.map4d.map.camera.MFCameraPosition;
+import vn.map4d.map.core.*;
+import vn.map4d.types.MFLocationCoordinate;
+
+interface ResolveViewCallback {
+  void found(View view);
+}
+
+public class Map4dMapModule extends ReactContextBaseJavaModule {
+
+    private final ReactApplicationContext reactContext;
+
+    public Map4dMapModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+        this.reactContext = reactContext;
+    }
+
+    @Override
+    public String getName() {
+        return "Map4dMap";
+    }
+
+    private void getView(final int tag, final ResolveViewCallback callback) {
+      final ReactApplicationContext context = getReactApplicationContext();
+
+      UIManagerModule uiManager = context.getNativeModule(UIManagerModule.class);
+      uiManager.addUIBlock(new UIBlock()
+      {
+        @Override
+        public void execute(NativeViewHierarchyManager nvhm)
+        {
+          View view = nvhm.resolveView(tag);
+          if (view == null) {
+            Log.e(getName(), "View with tag: " + tag + " was not found");
+          }
+          callback.found(view);
+        }
+      });
+    }
+
+  @ReactMethod
+  public void getCamera(final int tag, final Promise promise) {
+    getView(tag, new ResolveViewCallback() {
+      @Override
+      public void found(View view) {
+        RMFMapView mapView = (RMFMapView) view;
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+        MFCameraPosition position = mapView.map.getCameraPosition();
+
+        WritableMap centerJson = new WritableNativeMap();
+        centerJson.putDouble("latitude", position.getTarget().getLatitude());
+        centerJson.putDouble("longitude", position.getTarget().getLongitude());
+
+        WritableMap cameraJson = new WritableNativeMap();
+        cameraJson.putMap("center", centerJson);
+        cameraJson.putDouble("bearing", (double)position.getBearing());
+        cameraJson.putDouble("zoom", (double)position.getZoom());
+        cameraJson.putDouble("tilt", (double)position.getTilt());
+
+        promise.resolve(cameraJson);
+      }
+    });
+  }
+
+  @ReactMethod
+  public void getBounds(final int tag, final Promise promise) {
+    getView(tag, new ResolveViewCallback() {
+      @Override
+      public void found(View view) {
+        RMFMapView mapView = (RMFMapView) view;
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+        MFCoordinateBounds bounds = mapView.map.getBounds();
+        WritableMap boundsJson = new WritableNativeMap();
+        if (bounds == null) {
+          boundsJson.putNull("southWest");
+          boundsJson.putNull("northEast");
+        }
+        else {
+          WritableMap southWest = new WritableNativeMap();
+          southWest.putDouble("latitude", bounds.getSouthwest().getLatitude());
+          southWest.putDouble("longitude", bounds.getSouthwest().getLongitude());
+
+          WritableMap northEast = new WritableNativeMap();
+          northEast.putDouble("latitude", bounds.getNortheast().getLatitude());
+          northEast.putDouble("longitude", bounds.getNortheast().getLongitude());
+
+          boundsJson.putMap("southWest", southWest);
+          boundsJson.putMap("northEast", northEast);
+        }
+        promise.resolve(boundsJson);
+      }
+    });
+  }
+
+  @ReactMethod
+  public void getMyLocation(final int tag, final Promise promise) {
+    getView(tag, new ResolveViewCallback() {
+      @Override
+      public void found(View view) {
+        RMFMapView mapView = (RMFMapView) view;
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+        Location location = mapView.map.getMyLocation();
+
+        WritableMap locationJson = new WritableNativeMap();
+        if (location == null) {
+          locationJson.putNull("coordinate");
+          locationJson.putNull("altitude");
+          locationJson.putNull("timestamp");
+          locationJson.putNull("accuracy");
+          locationJson.putNull("altitudeAccuracy");
+          locationJson.putNull("speed");
+          locationJson.putNull("heading");
+        }
+        else {
+          WritableMap coordinateJson = new WritableNativeMap();
+          coordinateJson.putDouble("latitude", location.getLatitude());
+          coordinateJson.putDouble("longitude", location.getLongitude());
+          locationJson.putMap("coordinate", coordinateJson);
+          locationJson.putDouble("altitude", location.getAltitude());
+          locationJson.putDouble("timestamp", location.getTime());
+          locationJson.putDouble("accuracy", location.getAccuracy());
+          locationJson.putDouble("altitudeAccuracy", location.getAccuracy());
+          locationJson.putDouble("speed", location.getSpeed());
+          locationJson.putDouble("heading", location.getBearing());
+        }
+        promise.resolve(locationJson);
+      }
+    });
+  }
+
+  public void isMyLocationButtonEnabled(final int tag, final Promise promise) {
+    getView(tag, new ResolveViewCallback(){
+      @Override
+      public void found(View view) {
+        RMFMapView mapView = (RMFMapView) view;
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+        promise.resolve(mapView.map.getUiSettings().isMyLocationButtonEnabled());
+      }
+    });
+  }
+
+  @ReactMethod
+  public void pointForCoordinate(final int tag, ReadableMap coordinate, final Promise promise) {
+    final ReactApplicationContext context = getReactApplicationContext();
+
+    final MFLocationCoordinate coord = new MFLocationCoordinate(
+            coordinate.hasKey("latitude") ? coordinate.getDouble("latitude") : 0.0,
+            coordinate.hasKey("longitude") ? coordinate.getDouble("longitude") : 0.0
+    );
+
+    UIManagerModule uiManager = context.getNativeModule(UIManagerModule.class);
+    uiManager.addUIBlock(new UIBlock()
+    {
+      @Override
+      public void execute(NativeViewHierarchyManager nvhm)
+      {
+        RMFMapView mapView = (RMFMapView) nvhm.resolveView(tag);
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+
+        Point pt = mapView.map.getProjection().pointForCoordinate(coord);
+
+        WritableMap ptJson = new WritableNativeMap();
+        ptJson.putInt("x", pt.x);
+        ptJson.putInt("y", pt.y);
+
+        promise.resolve(ptJson);
+      }
+    });
+  }
+
+  @ReactMethod
+  public void coordinateForPoint(final int tag, ReadableMap point, final Promise promise) {
+    final ReactApplicationContext context = getReactApplicationContext();
+
+    final Point pt = new Point(
+            point.hasKey("x") ? (int)(point.getDouble("x")) : 0,
+            point.hasKey("y") ? (int)(point.getDouble("y")) : 0
+    );
+
+    UIManagerModule uiManager = context.getNativeModule(UIManagerModule.class);
+    uiManager.addUIBlock(new UIBlock()
+    {
+      @Override
+      public void execute(NativeViewHierarchyManager nvhm)
+      {
+        RMFMapView mapView = (RMFMapView) nvhm.resolveView(tag);
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+
+        MFLocationCoordinate coord = mapView.map.getProjection().coordinateForPoint(pt);
+
+        WritableMap coordJson = new WritableNativeMap();
+        coordJson.putDouble("latitude", coord.getLatitude());
+        coordJson.putDouble("longitude", coord.getLongitude());
+
+        promise.resolve(coordJson);
+      }
+    });
+  }
+
+  @ReactMethod
+  public void cameraForBounds(final int tag, ReadableMap boundData, final Promise promise) {
+    final ReactApplicationContext context = getReactApplicationContext();
+    UIManagerModule uiManager = context.getNativeModule(UIManagerModule.class);
+
+    final ReadableMap bounds = boundData.getMap("bounds");
+    final ReadableMap padding = boundData.getMap("padding");
+
+    uiManager.addUIBlock(new UIBlock()
+    {
+      @Override
+      public void execute(NativeViewHierarchyManager nvhm)
+      {
+        RMFMapView mapView = (RMFMapView) nvhm.resolveView(tag);
+        if (!validateMapView(mapView, promise)) {
+          return;
+        }
+
+        ReadableMap southWest = bounds.getMap("southWest");
+        ReadableMap northEast = bounds.getMap("northEast");
+
+        MFCoordinateBounds.Builder builder = new MFCoordinateBounds.Builder();
+        if (southWest != null) {
+          double southWestLat = southWest.getDouble("latitude");
+          double southWestLng = southWest.getDouble("longitude");
+          builder.include(new MFLocationCoordinate(southWestLat, southWestLng));
+        }
+
+        if (northEast != null) {
+          double northEastLat = northEast.getDouble("latitude");
+          double northEastLng = northEast.getDouble("longitude");
+          builder.include(new MFLocationCoordinate(northEastLat, northEastLng));
+        }
+
+        int paddingDefault = 10;
+        int paddingLeft = padding != null && padding.hasKey("left") ? padding.getInt("left") : paddingDefault;
+        int paddingRight = padding != null && padding.hasKey("right") ? padding.getInt("right") : paddingDefault;
+        int paddingTop = padding != null && padding.hasKey("top") ? padding.getInt("top") : paddingDefault;
+        int paddingBottom = padding != null && padding.hasKey("bottom") ? padding.getInt("bottom") : paddingDefault;
+
+        MFCameraPosition cameraPosition = mapView.map.getCameraPositionForBounds(
+          builder.build(), paddingLeft, paddingTop, paddingRight, paddingBottom);
+
+        WritableMap data = new WritableNativeMap();
+        data.putDouble("zoom", cameraPosition.getZoom());
+        data.putDouble("bearing", cameraPosition.getBearing());
+        data.putDouble("tilt", cameraPosition.getTilt());
+        WritableMap target = new WritableNativeMap();
+        target.putDouble("latitude", cameraPosition.getTarget().getLatitude());
+        target.putDouble("longitude", cameraPosition.getTarget().getLongitude());
+        data.putMap("center", target);
+
+        promise.resolve(data);
+      }
+    });
+  }
+
+  private boolean validateMapView(final RMFMapView mapView, final Promise promise) {
+    if (mapView == null) {
+      promise.reject("Map4D Error", "RMFMapView not found");
+      return false;
+    }
+    if (mapView.map == null) {
+      promise.reject("Map4D Error", "RMFMapView.map is not valid");
+      return false;
+    }
+    return true;
+  }
+}

package/android/src/main/java/com/reactnativemap4dmap/Map4dMapPackage.java

@@ -0,0 +1,35 @@
+package com.reactnativemap4dmap;
+
+import java.util.Arrays;
+import java.util.List;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+public class Map4dMapPackage implements ReactPackage {
+    @Override
+    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+        return Arrays.<NativeModule>asList(
+            new Map4dMapModule(reactContext)
+            );
+    }
+
+    @Override
+    public List<ViewManager> createViewManagers(
+                              ReactApplicationContext reactContext) {
+      return Arrays.<ViewManager>asList(
+        new Map4dMapViewManager(),
+        new RMFMapViewManager(reactContext),
+        new RMFMarkerManager(reactContext),
+        new RMFCircleManager(),
+        new RMFPolylineManager(reactContext),
+        new RMFPOIManager(),
+        new RMFPolygonManager(reactContext),
+        new RMFBuildingManager(),
+        new RMFDirectionsRendererManager(reactContext),
+        new RMFTileOverlayManager()
+      );
+    }
+}

package/android/src/main/java/com/reactnativemap4dmap/Map4dMapViewManager.java

@@ -0,0 +1,31 @@
+package com.reactnativemap4dmap;
+
+import android.graphics.Color;
+import android.view.View;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+public class Map4dMapViewManager extends SimpleViewManager<View> {
+    public static final String REACT_CLASS = "Map4dMapView";
+
+    @Override
+    @NonNull
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    @Override
+    @NonNull
+    public View createViewInstance(ThemedReactContext reactContext) {
+        return new View(reactContext);
+    }
+
+    @ReactProp(name = "color")
+    public void setColor(View view, String color) {
+        view.setBackgroundColor(Color.parseColor(color));
+    }
+}