react-native-maps 1.17.3 → 1.18.0

package/lib/Geojson.d.ts

@@ -5,6 +5,33 @@ import { MapPolygonProps as PolygonProps } from './MapPolygon';
 import { MapPolylineProps as PolylineProps } from './MapPolyline';
 import { LatLng } from './sharedTypes';
 export type GeojsonProps = {
+    /**
+     * Sets the anchor point for the marker.
+     * The anchor specifies the point in the icon image that is anchored to the marker's position on the Earth's surface.
+     *
+     * The anchor point is specified in the continuous space [0.0, 1.0] x [0.0, 1.0],
+     * where (0, 0) is the top-left corner of the image, and (1, 1) is the bottom-right corner.
+     *
+     * The anchoring point in a W x H image is the nearest discrete grid point in a (W + 1) x (H + 1) grid, obtained by scaling the then rounding.
+     * For example, in a 4 x 2 image, the anchor point (0.7, 0.6) resolves to the grid point at (3, 1).
+     *
+     * @default {x: 0.5, y: 1.0}
+     * @platform iOS: Google Maps only. For Apple Maps, see the `centerOffset` prop
+     * @platform Android: Supported
+     */
+    anchor?: MarkerProps['anchor'];
+    /**
+     * The offset (in points) at which to display the annotation view.
+     *
+     * By default, the center point of an annotation view is placed at the coordinate point of the associated annotation.
+     *
+     * Positive offset values move the annotation view down and to the right, while negative values move it up and to the left.
+     *
+     * @default {x: 0.0, y: 0.0}
+     * @platform iOS: Apple Maps only. For Google Maps, see the `anchor` prop
+     * @platform Android: Not supported. See see the `anchor` prop
+     */
+    centerOffset?: MarkerProps['centerOffset'];
     /**
      * The pincolor used on markers
      *

package/lib/Geojson.js

@@ -31,7 +31,7 @@ const MapMarker_1 = __importDefault(require("./MapMarker"));
 const MapPolyline_1 = __importDefault(require("./MapPolyline"));
 const MapPolygon_1 = __importDefault(require("./MapPolygon"));
 const Geojson = (props) => {
-    const { geojson, strokeColor, fillColor, strokeWidth, color, title, image, zIndex, onPress, lineCap, lineJoin, tappable, tracksViewChanges, miterLimit, lineDashPhase, lineDashPattern, markerComponent, } = props;
+    const { anchor, centerOffset, geojson, strokeColor, fillColor, strokeWidth, color, title, image, zIndex, onPress, lineCap, lineJoin, tappable, tracksViewChanges, miterLimit, lineDashPhase, lineDashPattern, markerComponent, } = props;
     const pointOverlays = makePointOverlays(geojson.features);
     const lineOverlays = makeLineOverlays(geojson.features);
     const polygonOverlays = makePolygonOverlays(geojson.features);
@@ -39,7 +39,7 @@ const Geojson = (props) => {
       {pointOverlays.map((overlay, index) => {
             const markerColor = getColor(color, overlay, 'marker-color');
             const pointOverlayTracksViewChanges = overlay.feature.properties?.tracksViewChanges || tracksViewChanges;
-            return (<MapMarker_1.default key={index} coordinate={overlay.coordinates} tracksViewChanges={pointOverlayTracksViewChanges} image={image} title={title} pinColor={markerColor} zIndex={zIndex} onPress={() => onPress && onPress(overlay)}>
+            return (<MapMarker_1.default key={index} coordinate={overlay.coordinates} tracksViewChanges={pointOverlayTracksViewChanges} image={image} title={title} pinColor={markerColor} zIndex={zIndex} anchor={anchor} centerOffset={centerOffset} onPress={() => onPress && onPress(overlay)}>
             {markerComponent}
           </MapMarker_1.default>);
         })}

package/package.json

@@ -5,7 +5,7 @@
   "main": "lib/index.js",
   "author": "Leland Richardson <leland.m.richardson@gmail.com>",
   "homepage": "https://github.com/react-native-maps/react-native-maps#readme",
-  "version": "1.17.3",
+  "version": "1.18.0",
   "license": "MIT",
   "scripts": {
     "lint": "eslint . --max-warnings 0",