diff --git a/android/src/main/java/com/luggmaps/LuggPolygonView.kt b/android/src/main/java/com/luggmaps/LuggPolygonView.kt
index 91569a7..07064bc 100644
--- a/android/src/main/java/com/luggmaps/LuggPolygonView.kt
+++ b/android/src/main/java/com/luggmaps/LuggPolygonView.kt
@@ -16,6 +16,9 @@ class LuggPolygonView(context: Context) : ReactViewGroup(context) {
   var coordinates: List<LatLng> = emptyList()
     private set
 
+  var holes: List<List<LatLng>> = emptyList()
+    private set
+
   var strokeColor: Int = Color.BLACK
     private set
 
@@ -42,6 +45,10 @@ class LuggPolygonView(context: Context) : ReactViewGroup(context) {
     coordinates = coords
   }
 
+  fun setHoles(value: List<List<LatLng>>) {
+    holes = value
+  }
+
   fun setStrokeColor(color: Int) {
     strokeColor = color
   }
diff --git a/android/src/main/java/com/luggmaps/LuggPolygonViewManager.kt b/android/src/main/java/com/luggmaps/LuggPolygonViewManager.kt
index ed66a8c..94c381d 100644
--- a/android/src/main/java/com/luggmaps/LuggPolygonViewManager.kt
+++ b/android/src/main/java/com/luggmaps/LuggPolygonViewManager.kt
@@ -47,6 +47,27 @@ class LuggPolygonViewManager :
     }
   }
 
+  @ReactProp(name = "holes")
+  override fun setHoles(view: LuggPolygonView, value: ReadableArray?) {
+    value?.let { array ->
+      val holesList = mutableListOf<List<LatLng>>()
+      for (i in 0 until array.size()) {
+        val holeArray = array.getArray(i)
+        val hole = mutableListOf<LatLng>()
+        if (holeArray != null) {
+          for (j in 0 until holeArray.size()) {
+            val coord = holeArray.getMap(j)
+            val lat = coord?.getDouble("latitude") ?: 0.0
+            val lng = coord?.getDouble("longitude") ?: 0.0
+            hole.add(LatLng(lat, lng))
+          }
+        }
+        holesList.add(hole)
+      }
+      view.setHoles(holesList)
+    }
+  }
+
   @ReactProp(name = "strokeColor", customType = "Color")
   override fun setStrokeColor(view: LuggPolygonView, value: Int?) {
     view.setStrokeColor(value ?: android.graphics.Color.BLACK)
diff --git a/android/src/main/java/com/luggmaps/core/GoogleMapProvider.kt b/android/src/main/java/com/luggmaps/core/GoogleMapProvider.kt
index 08dc587..9fc5486 100644
--- a/android/src/main/java/com/luggmaps/core/GoogleMapProvider.kt
+++ b/android/src/main/java/com/luggmaps/core/GoogleMapProvider.kt
@@ -540,6 +540,7 @@ class GoogleMapProvider(private val context: Context) :
 
     polygonView.polygon?.apply {
       points = polygonView.coordinates
+      holes = polygonView.holes
       fillColor = polygonView.fillColor
       strokeColor = polygonView.strokeColor
       strokeWidth = polygonView.strokeWidth.dpToPx()
@@ -565,6 +566,10 @@ class GoogleMapProvider(private val context: Context) :
       .zIndex(polygonView.zIndex)
       .clickable(true)
 
+    for (hole in polygonView.holes) {
+      options.addHole(hole)
+    }
+
     val polygon = map.addPolygon(options)
     polygonView.polygon = polygon
     polygonToViewMap[polygon] = polygonView
diff --git a/docs/POLYGON.md b/docs/POLYGON.md
index bd7d633..fd21a01 100644
--- a/docs/POLYGON.md
+++ b/docs/POLYGON.md
@@ -21,6 +21,27 @@ import { MapView, Polygon } from '@lugg/maps';
     strokeWidth={2}
     onPress={() => console.log('Polygon pressed')}
   />
+
+  {/* Polygon with a hole */}
+  <Polygon
+    coordinates={[
+      { latitude: 37.790, longitude: -122.435 },
+      { latitude: 37.790, longitude: -122.420 },
+      { latitude: 37.775, longitude: -122.420 },
+      { latitude: 37.775, longitude: -122.435 },
+    ]}
+    holes={[
+      [
+        { latitude: 37.787, longitude: -122.432 },
+        { latitude: 37.787, longitude: -122.423 },
+        { latitude: 37.778, longitude: -122.423 },
+        { latitude: 37.778, longitude: -122.432 },
+      ],
+    ]}
+    fillColor="rgba(244, 67, 54, 0.3)"
+    strokeColor="#F44336"
+    strokeWidth={2}
+  />
 </MapView>
 ```
 
@@ -29,6 +50,7 @@ import { MapView, Polygon } from '@lugg/maps';
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `coordinates` | `Coordinate[]` | **required** | Array of coordinates forming the polygon boundary |
+| `holes` | `Coordinate[][]` | - | Array of coordinate arrays representing interior holes |
 | `fillColor` | `ColorValue` | - | Fill color of the polygon |
 | `strokeColor` | `ColorValue` | - | Stroke (outline) color |
 | `strokeWidth` | `number` | - | Stroke width in points |
diff --git a/example/shared/src/Home.tsx b/example/shared/src/Home.tsx
index a5b1ad3..67ba56d 100644
--- a/example/shared/src/Home.tsx
+++ b/example/shared/src/Home.tsx
@@ -134,7 +134,7 @@ function HomeContent() {
     []
   );
 
-  const addMarker = () => {
+  const addMarker = (coordinate = lastCoordinate.current) => {
     const type = randomFrom(MARKER_TYPES);
     const id = Date.now().toString();
 
@@ -143,7 +143,7 @@ function HomeContent() {
       {
         id,
         name: `marker-${id}`,
-        coordinate: lastCoordinate.current,
+        coordinate,
         type,
         anchor: { x: 0.5, y: type === 'icon' ? 1 : 0.5 },
         text: randomLetter(),
@@ -190,7 +190,10 @@ function HomeContent() {
           userLocationEnabled={locationPermission}
           onReady={handleMapReady}
           onPress={(e) => formatPressEvent(e, 'Press')}
-          onLongPress={(e) => formatPressEvent(e, 'Long press')}
+          onLongPress={(e) => {
+            formatPressEvent(e, 'Long press');
+            addMarker(e.nativeEvent.coordinate);
+          }}
           onCameraMove={(e) => formatCameraEvent(e, false)}
           onCameraIdle={(e) => formatCameraEvent(e, true)}
           onMarkerPress={(e, m) => formatPressEvent(e, `Marker(${m.name})`)}
@@ -222,7 +225,7 @@ function HomeContent() {
       >
         <Text style={styles.statusText}>{statusText}</Text>
         <View style={styles.sheetContent}>
-          <Button title="Add Marker" onPress={addMarker} />
+          <Button title="Add Marker" onPress={() => addMarker()} />
           <Button
             title={`Remove Marker (${markers.length})`}
             onPress={removeRandomMarker}
diff --git a/example/shared/src/components/Map.tsx b/example/shared/src/components/Map.tsx
index 3e76b5f..0dd8f2f 100644
--- a/example/shared/src/components/Map.tsx
+++ b/example/shared/src/components/Map.tsx
@@ -46,6 +46,20 @@ const CIRCLE_COORDS = Array.from({ length: 36 }, (_, i) => {
   };
 });
 
+const HOLE_RADIUS = 0.0015;
+const CIRCLE_HOLES = [
+  Array.from({ length: 36 }, (_, i) => {
+    const angle = (i * 10 * Math.PI) / 180;
+    return {
+      latitude: CIRCLE_CENTER.latitude + HOLE_RADIUS * Math.cos(angle),
+      longitude:
+        CIRCLE_CENTER.longitude +
+        (HOLE_RADIUS * Math.sin(angle)) /
+          Math.cos((CIRCLE_CENTER.latitude * Math.PI) / 180),
+    };
+  }),
+];
+
 const renderMarker = (
   marker: MarkerData,
   onPress?: (event: MarkerPressEvent, marker: MarkerData) => void,
@@ -234,6 +248,7 @@ export const Map = forwardRef<MapView, MapProps>(
           <CrewMarker route={smoothedRoute} zoom={zoom} />
           <Polygon
             coordinates={CIRCLE_COORDS}
+            holes={CIRCLE_HOLES}
             fillColor="rgba(66, 133, 244, 0.15)"
             strokeColor="#4285F4"
             strokeWidth={2}
@@ -246,7 +261,9 @@ export const Map = forwardRef<MapView, MapProps>(
             color="#34A853"
           />
         </MapView>
-        <Animated.View style={[styles.centerPin, centerPinStyle]} />
+        <Animated.View style={[styles.centerPin, centerPinStyle]}>
+          <View style={styles.centerPinDot} />
+        </Animated.View>
       </View>
     );
   }
@@ -259,10 +276,20 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
   centerPin: {
-    backgroundColor: 'blue',
-    height: 20,
-    width: 20,
-    borderRadius: 10,
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: 'rgba(66, 133, 244, 0.2)',
+    borderWidth: 2,
+    borderColor: 'white',
+  },
+  centerPinDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    backgroundColor: '#4285F4',
   },
   customMarker: {
     height: 30,
diff --git a/ios/LuggPolygonView.h b/ios/LuggPolygonView.h
index 7590a12..0267e5e 100644
--- a/ios/LuggPolygonView.h
+++ b/ios/LuggPolygonView.h
@@ -14,6 +14,7 @@ NS_ASSUME_NONNULL_BEGIN
 @interface LuggPolygonView : RCTViewComponentView
 
 @property(nonatomic, readonly) NSArray<CLLocation *> *coordinates;
+@property(nonatomic, readonly) NSArray<NSArray<CLLocation *> *> *holes;
 @property(nonatomic, readonly) UIColor *strokeColor;
 @property(nonatomic, readonly) UIColor *fillColor;
 @property(nonatomic, readonly) CGFloat strokeWidth;
diff --git a/ios/LuggPolygonView.mm b/ios/LuggPolygonView.mm
index f373f1b..f5f9175 100644
--- a/ios/LuggPolygonView.mm
+++ b/ios/LuggPolygonView.mm
@@ -17,6 +17,7 @@ @interface LuggPolygonView () <RCTLuggPolygonViewViewProtocol>
 
 @implementation LuggPolygonView {
   NSArray<CLLocation *> *_coordinates;
+  NSArray<NSArray<CLLocation *> *> *_holes;
   UIColor *_strokeColor;
   UIColor *_fillColor;
   CGFloat _strokeWidth;
@@ -36,6 +37,7 @@ - (instancetype)initWithFrame:(CGRect)frame {
     _props = defaultProps;
 
     _coordinates = @[];
+    _holes = @[];
     _strokeColor = [UIColor blackColor];
     _fillColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.3];
     _strokeWidth = 1.0;
@@ -61,6 +63,19 @@ - (void)updateProps:(Props::Shared const &)props
   }
   _coordinates = [coords copy];
 
+  NSMutableArray<NSArray<CLLocation *> *> *holesArray = [NSMutableArray array];
+  for (const auto &hole : newViewProps.holes) {
+    NSMutableArray<CLLocation *> *holeCoords = [NSMutableArray array];
+    for (const auto &coord : hole) {
+      CLLocation *location =
+          [[CLLocation alloc] initWithLatitude:coord.latitude
+                                     longitude:coord.longitude];
+      [holeCoords addObject:location];
+    }
+    [holesArray addObject:[holeCoords copy]];
+  }
+  _holes = [holesArray copy];
+
   if (newViewProps.strokeColor) {
     UIColor *color = RCTUIColorFromSharedColor(newViewProps.strokeColor);
     if (color) {
@@ -94,6 +109,10 @@ - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask {
   return _coordinates;
 }
 
+- (NSArray<NSArray<CLLocation *> *> *)holes {
+  return _holes;
+}
+
 - (UIColor *)strokeColor {
   return _strokeColor;
 }
diff --git a/ios/core/AppleMapProvider.mm b/ios/core/AppleMapProvider.mm
index 007aa53..8e0b2ae 100644
--- a/ios/core/AppleMapProvider.mm
+++ b/ios/core/AppleMapProvider.mm
@@ -286,7 +286,19 @@ - (LuggPolygonView *)hitTestPolygonAtPoint:(CGPoint)point {
     }
     CGPathCloseSubpath(path);
 
-    BOOL contains = CGPathContainsPoint(path, NULL, mapPointAsCGP, NO);
+    for (NSArray<CLLocation *> *hole in polygonView.holes) {
+      for (NSUInteger j = 0; j < hole.count; j++) {
+        MKMapPoint mp = MKMapPointForCoordinate(hole[j].coordinate);
+        if (j == 0) {
+          CGPathMoveToPoint(path, NULL, mp.x, mp.y);
+        } else {
+          CGPathAddLineToPoint(path, NULL, mp.x, mp.y);
+        }
+      }
+      CGPathCloseSubpath(path);
+    }
+
+    BOOL contains = CGPathContainsPoint(path, NULL, mapPointAsCGP, YES);
     CGPathRelease(path);
 
     if (contains)
@@ -816,8 +828,11 @@ - (void)syncPolygonView:(LuggPolygonView *)polygonView {
   for (NSUInteger i = 0; i < coordinates.count; i++) {
     coords[i] = coordinates[i].coordinate;
   }
+  NSArray<MKPolygon *> *interiorPolygons =
+      [self interiorPolygonsFromHoles:polygonView.holes];
   MKPolygon *newPolygon = [MKPolygon polygonWithCoordinates:coords
-                                                      count:coordinates.count];
+                                                      count:coordinates.count
+                                           interiorPolygons:interiorPolygons];
   free(coords);
 
   polygonView.polygon = newPolygon;
@@ -853,8 +868,11 @@ - (void)addPolygonOverlayToMap:(LuggPolygonView *)polygonView {
     coords[i] = coordinates[i].coordinate;
   }
 
+  NSArray<MKPolygon *> *interiorPolygons =
+      [self interiorPolygonsFromHoles:polygonView.holes];
   MKPolygon *polygon = [MKPolygon polygonWithCoordinates:coords
-                                                   count:coordinates.count];
+                                                   count:coordinates.count
+                                        interiorPolygons:interiorPolygons];
   free(coords);
 
   polygonView.polygon = polygon;
@@ -862,6 +880,28 @@ - (void)addPolygonOverlayToMap:(LuggPolygonView *)polygonView {
   [self insertOverlay:polygon withZIndex:polygonView.zIndex];
 }
 
+- (NSArray<MKPolygon *> *)interiorPolygonsFromHoles:
+    (NSArray<NSArray<CLLocation *> *> *)holes {
+  if (holes.count == 0)
+    return @[];
+
+  NSMutableArray<MKPolygon *> *interiorPolygons = [NSMutableArray array];
+  for (NSArray<CLLocation *> *hole in holes) {
+    if (hole.count == 0)
+      continue;
+    CLLocationCoordinate2D *holeCoords = (CLLocationCoordinate2D *)malloc(
+        sizeof(CLLocationCoordinate2D) * hole.count);
+    for (NSUInteger i = 0; i < hole.count; i++) {
+      holeCoords[i] = hole[i].coordinate;
+    }
+    MKPolygon *interiorPolygon = [MKPolygon polygonWithCoordinates:holeCoords
+                                                             count:hole.count];
+    free(holeCoords);
+    [interiorPolygons addObject:interiorPolygon];
+  }
+  return [interiorPolygons copy];
+}
+
 - (void)insertOverlay:(id<MKOverlay>)overlay withZIndex:(NSInteger)zIndex {
   if (zIndex == 0) {
     [_mapView addOverlay:overlay];
diff --git a/ios/core/GoogleMapProvider.mm b/ios/core/GoogleMapProvider.mm
index eb56b9c..dc401e8 100644
--- a/ios/core/GoogleMapProvider.mm
+++ b/ios/core/GoogleMapProvider.mm
@@ -562,6 +562,7 @@ - (void)syncPolygonView:(LuggPolygonView *)polygonView {
     [path addCoordinate:location.coordinate];
   }
   polygon.path = path;
+  polygon.holes = [self holesPathsFromPolygonView:polygonView];
   polygon.fillColor = polygonView.fillColor;
   polygon.strokeColor = polygonView.strokeColor;
   polygon.strokeWidth = polygonView.strokeWidth;
@@ -569,6 +570,19 @@ - (void)syncPolygonView:(LuggPolygonView *)polygonView {
   polygon.tappable = polygonView.tappable;
 }
 
+- (NSArray<GMSPath *> *)holesPathsFromPolygonView:
+    (LuggPolygonView *)polygonView {
+  NSMutableArray<GMSPath *> *holePaths = [NSMutableArray array];
+  for (NSArray<CLLocation *> *hole in polygonView.holes) {
+    GMSMutablePath *holePath = [GMSMutablePath path];
+    for (CLLocation *location in hole) {
+      [holePath addCoordinate:location.coordinate];
+    }
+    [holePaths addObject:holePath];
+  }
+  return [holePaths copy];
+}
+
 - (void)processPendingPolygons {
   if (!_mapView)
     return;
@@ -589,6 +603,7 @@ - (void)addPolygonViewToMap:(LuggPolygonView *)polygonView {
   }
 
   GMSPolygon *polygon = [GMSPolygon polygonWithPath:path];
+  polygon.holes = [self holesPathsFromPolygonView:polygonView];
   polygon.fillColor = polygonView.fillColor;
   polygon.strokeColor = polygonView.strokeColor;
   polygon.strokeWidth = polygonView.strokeWidth;
diff --git a/src/MapView.web.tsx b/src/MapView.web.tsx
index e61f7b8..b3f1152 100644
--- a/src/MapView.web.tsx
+++ b/src/MapView.web.tsx
@@ -16,6 +16,7 @@ import {
   useMap,
   type MapCameraChangedEvent,
   type MapEvent,
+  type MapMouseEvent,
 } from '@vis.gl/react-google-maps';
 import { Marker } from './components/Marker.web';
 import { MapContext } from './MapProvider.web';
@@ -111,6 +112,8 @@ export const MapView = forwardRef<MapViewRef, MapViewProps>(function MapView(
     edgeInsets,
     userLocationEnabled,
     theme = 'system',
+    onPress,
+    onLongPress,
     onCameraMove,
     onCameraIdle,
     onReady,
@@ -279,7 +282,76 @@ export const MapView = forwardRef<MapViewRef, MapViewProps>(function MapView(
     }
   }, [map, edgeInsets, applyEdgeInsets]);
 
+  const longPressTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const longPressFired = useRef(false);
+
+  const getPoint = useCallback((domEvent?: Event) => {
+    const el = containerRef.current as unknown as HTMLElement | null;
+    if (!domEvent || !el) return { x: 0, y: 0 };
+    const rect = el.getBoundingClientRect();
+    const e = domEvent as MouseEvent | Touch;
+    return { x: e.clientX - rect.left, y: e.clientY - rect.top };
+  }, []);
+
+  const handleClick = useCallback(
+    (event: MapMouseEvent) => {
+      if (longPressFired.current) {
+        longPressFired.current = false;
+        return;
+      }
+      const latLng = event.detail.latLng;
+      if (!onPress || !latLng) return;
+      onPress(
+        createSyntheticEvent({
+          coordinate: { latitude: latLng.lat, longitude: latLng.lng },
+          point: getPoint(event.domEvent),
+        })
+      );
+    },
+    [onPress, getPoint]
+  );
+
+  const handleMouseDown = useCallback(
+    (event: google.maps.MapMouseEvent) => {
+      if (!onLongPress) return;
+      const point = getPoint(event.domEvent);
+      longPressFired.current = false;
+      longPressTimer.current = setTimeout(() => {
+        longPressFired.current = true;
+        const latLng = event.latLng;
+        if (!latLng) return;
+        onLongPress(
+          createSyntheticEvent({
+            coordinate: { latitude: latLng.lat(), longitude: latLng.lng() },
+            point,
+          })
+        );
+      }, 500);
+    },
+    [onLongPress, getPoint]
+  );
+
+  const handleMouseUp = useCallback(() => {
+    if (longPressTimer.current) {
+      clearTimeout(longPressTimer.current);
+      longPressTimer.current = null;
+    }
+  }, []);
+
+  useEffect(() => {
+    if (!map || !onLongPress) return;
+    const listeners = [
+      map.addListener('mousedown', handleMouseDown),
+      map.addListener('mouseup', handleMouseUp),
+    ];
+    return () => {
+      listeners.forEach((l) => google.maps.event.removeListener(l));
+      handleMouseUp();
+    };
+  }, [map, onLongPress, handleMouseDown, handleMouseUp]);
+
   const handleDragStart = () => {
+    handleMouseUp();
     setIsDragging(true);
     wasGesture.current = true;
   };
@@ -362,6 +434,7 @@ export const MapView = forwardRef<MapViewRef, MapViewProps>(function MapView(
           disableDefaultUI
           isFractionalZoomEnabled
           tilt={pitchEnabled === false ? 0 : undefined}
+          onClick={handleClick}
           onDragstart={handleDragStart}
           onDragend={handleDragEnd}
           onCameraChanged={handleCameraChanged}
diff --git a/src/components/Polygon.tsx b/src/components/Polygon.tsx
index 80fb426..30ff29c 100644
--- a/src/components/Polygon.tsx
+++ b/src/components/Polygon.tsx
@@ -9,6 +9,10 @@ export interface PolygonProps {
    * Array of coordinates forming the polygon boundary
    */
   coordinates: Coordinate[];
+  /**
+   * Array of coordinate arrays representing interior holes
+   */
+  holes?: Coordinate[][];
   /**
    * Stroke (outline) color
    */
@@ -47,6 +51,7 @@ export class Polygon extends React.PureComponent<PolygonProps> {
   render() {
     const {
       coordinates,
+      holes,
       strokeColor,
       strokeWidth,
       fillColor,
@@ -58,6 +63,7 @@ export class Polygon extends React.PureComponent<PolygonProps> {
       <LuggPolygonViewNativeComponent
         style={this.getStyle(zIndex)}
         coordinates={coordinates}
+        holes={holes}
         strokeColor={strokeColor}
         strokeWidth={strokeWidth}
         fillColor={fillColor}
diff --git a/src/components/Polygon.web.tsx b/src/components/Polygon.web.tsx
index cec1ebd..bf596fc 100644
--- a/src/components/Polygon.web.tsx
+++ b/src/components/Polygon.web.tsx
@@ -4,6 +4,7 @@ import type { PolygonProps } from './Polygon';
 
 export function Polygon({
   coordinates,
+  holes,
   strokeColor = '#000000',
   strokeWidth = 1,
   fillColor = 'rgba(0, 0, 0, 0.3)',
@@ -72,13 +73,20 @@ export function Polygon({
       return;
     }
 
-    const path = coordinates.map((c) => ({
+    const outerPath = coordinates.map((c) => ({
       lat: c.latitude,
       lng: c.longitude,
     }));
 
+    const paths = [
+      outerPath,
+      ...(holes ?? []).map((hole) =>
+        [...hole].reverse().map((c) => ({ lat: c.latitude, lng: c.longitude }))
+      ),
+    ];
+
     if (polygonRef.current) {
-      polygonRef.current.setPath(path);
+      polygonRef.current.setPaths(paths);
       polygonRef.current.setOptions({
         strokeColor: strokeColor as string,
         strokeWeight: strokeWidth,
@@ -87,7 +95,7 @@ export function Polygon({
       });
     } else {
       const polygon = new google.maps.Polygon({
-        paths: path,
+        paths,
         strokeColor: strokeColor as string,
         strokeWeight: strokeWidth,
         strokeOpacity: 1,
@@ -111,6 +119,7 @@ export function Polygon({
   }, [
     map,
     coordinates,
+    holes,
     strokeColor,
     strokeWidth,
     fillColor,
diff --git a/src/fabric/LuggPolygonViewNativeComponent.ts b/src/fabric/LuggPolygonViewNativeComponent.ts
index 38cad6a..6a178ac 100644
--- a/src/fabric/LuggPolygonViewNativeComponent.ts
+++ b/src/fabric/LuggPolygonViewNativeComponent.ts
@@ -12,6 +12,7 @@ export interface Coordinate {
 
 export interface NativeProps extends ViewProps {
   coordinates: ReadonlyArray<Coordinate>;
+  holes?: ReadonlyArray<ReadonlyArray<Coordinate>>;
   strokeColor?: ColorValue;
   strokeWidth?: Double;
   fillColor?: ColorValue;