add circle props

add circle props

Author: p2mThinknet

android/react-native-amap/src/main/java/com/yiyang/reactnativeamap/MAMapViewManager.java

@@ -1,6 +1,7 @@
 package com.yiyang.reactnativeamap;
 
 import android.content.Context;
+import android.graphics.Color;
 import android.os.StrictMode;
 import android.support.annotation.Nullable;
 import android.util.Log;
@@ -9,6 +10,7 @@
 import com.amap.api.maps2d.CameraUpdateFactory;
 import com.amap.api.maps2d.MapView;
 import com.amap.api.maps2d.model.CameraPosition;
+import com.amap.api.maps2d.model.CircleOptions;
 import com.amap.api.maps2d.model.LatLng;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
@@ -122,6 +124,19 @@ public void setOverlays(ReactMapView mapView, @Nullable ReadableArray value) thr
         mapView.setOverlays(overlays);
     }
 
+    @ReactProp(name = "circle")
+    public void setCircle(ReactMapView mapView, @Nullable ReadableMap circle) {
+        if (circle != null) {
+            double latitude = circle.getDouble("latitude");
+            double longitude = circle.getDouble("longitude");
+            int radius = circle.getInt("radius");
+            int strokeWidth = circle.getInt("strokeWidth");
+            mapView.getMap().addCircle(new CircleOptions().center(new LatLng(latitude, longitude))
+                    .radius(radius).strokeColor(0xFFFF0000).fillColor(0x4400FF00)
+                    .strokeWidth(strokeWidth));
+        }
+    }
+
     @ReactProp(name = "region")
     public void setRegion(ReactMapView mapView, @Nullable ReadableMap center) {
         if (center != null) {

index.js

@@ -144,6 +144,22 @@ const MAMapView= React.createClass({
       latitudeDelta: React.PropTypes.number,
       longitudeDelta: React.PropTypes.number,
     }),
+    
+    circle: React.PropTypes.shape({
+      /**
+       * Coordinates for the center of the map.
+       */
+      latitude: React.PropTypes.number.isRequired,
+      longitude: React.PropTypes.number.isRequired,
+
+      /**
+       
+       */
+      radius: React.PropTypes.number,
+      strokeColor: React.PropTypes.number,
+      fillColor: React.PropTypes.number,
+      strokeWidth: React.PropTypes.number
+    }),
 
     /**
      * Map annotations with title/subtitle.