Is there an existing issue for this?
Description of the bug
When adding a custom marker that requires the marker to have a heading/bearing the rotation property to alter the markers rotation behaves in an unexpected manner.
React Native version
0.83.0
React version
19.2.0
Package version
0.15.2
Native SDK versions
React Native Doctor Output
Common
✓ Node.js - Required to execute JavaScript code
✓ yarn - Required to install NPM dependencies
✓ npm - Required to install NPM dependencies
✓ Watchman - Used for watching changes in the filesystem when in development mode
✓ Metro - Required for bundling the JavaScript code
Android
✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
✓ JDK - Required to compile Java code
✓ Android Studio - Required for building and installing your app on Android
✓ ANDROID_HOME - Environment variable that points to your Android SDK installation
✓ Gradlew - Build tool required for Android builds
✓ Android SDK - Required for building and installing your app on Android
iOS
✓ Xcode - Required for building and installing your app on iOS
✓ Ruby - Required for installing iOS dependencies
✓ CocoaPods - Required for installing iOS dependencies
✓ .xcode.env - File to customize Xcode environment
Errors: 1
Warnings: 0
Steps to reproduce
- Add a circle marker custom image that has a "point"
- Rotate the image. use the built-in getMyLocation from the mapViewController to get the bearing/heading and add this to the marker.
- Review the heading the image is pointing to. Because it doesn't rotate around (50,50) (center of image) the image heading point looks off.
Expected vs Actual Behavior
Expected behaviour is for the rotation to not distort the images bearing if rotation changes and point in the correct bearing.
Actual behaviour is that if I rotate an image with a "point" where its pointing just doesn't look right
Code Sample
const myMapLocation = await mapViewControllerRef.current?.getMyLocation();
await mapViewControllerRef.current?.addMarker({
id: 'arrived-user-marker',
imgPath: RESPONDER_ARRIVAL_PIN_ASSET,
// alter with +90deg because the transform origin is at (50,0), Quick fix.
rotation: myMapLocation?.bearing ? myMapLocation?.bearing + 90 : 90,
position: {
lat: myMapLocation.lat,
lng: myMapLocation.lng,
})
Additional Context
No response
Is there an existing issue for this?
Description of the bug
When adding a custom marker that requires the marker to have a heading/bearing the rotation property to alter the markers rotation behaves in an unexpected manner.
React Native version
0.83.0
React version
19.2.0
Package version
0.15.2
Native SDK versions
React Native Doctor Output
Common
✓ Node.js - Required to execute JavaScript code
✓ yarn - Required to install NPM dependencies
✓ npm - Required to install NPM dependencies
✓ Watchman - Used for watching changes in the filesystem when in development mode
✓ Metro - Required for bundling the JavaScript code
Android
✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
✓ JDK - Required to compile Java code
✓ Android Studio - Required for building and installing your app on Android
✓ ANDROID_HOME - Environment variable that points to your Android SDK installation
✓ Gradlew - Build tool required for Android builds
✓ Android SDK - Required for building and installing your app on Android
iOS
✓ Xcode - Required for building and installing your app on iOS
✓ Ruby - Required for installing iOS dependencies
✓ CocoaPods - Required for installing iOS dependencies
✓ .xcode.env - File to customize Xcode environment
Errors: 1
Warnings: 0
Steps to reproduce
Expected vs Actual Behavior
Expected behaviour is for the rotation to not distort the images bearing if rotation changes and point in the correct bearing.
Actual behaviour is that if I rotate an image with a "point" where its pointing just doesn't look right
Code Sample
Additional Context
No response