Skip to content

Conversation

@kaziNymul
Copy link

Add Google Maps-style map rotation using leaflet-rotate plugin:

  • Mobile: Two-finger touch gesture to rotate
  • Desktop: Shift + mouse drag to rotate

The feature is configurable via config.map.allowRotation (default: true) and can be disabled per-theme if needed.

Changes:

  • Add leaflet-rotate dependency
  • Enable rotation props in Map.js component
  • Add allowRotation config option in config.default.js

Proposed Changes

Pull Request Check List

  • A reasonable set of unit tests is included
  • Console does not show new warnings/errors
  • Changes are documented or they are self explanatory
  • This pull request does not have any merge conflicts
  • All existing tests pass in CI build

Review

  • Read and verify the code changes
  • Test the functionality by running the UI locally with all popular browsers available in your platform
  • Check that the implementation matches the design, when such one is defined in an issue in Azure Boards
  • Merge the pull request

Add Google Maps-style map rotation using leaflet-rotate plugin:
- Mobile: Two-finger touch gesture to rotate
- Desktop: Shift + mouse drag to rotate

The feature is configurable via config.map.allowRotation (default: true)
and can be disabled per-theme if needed.

Changes:
- Add leaflet-rotate dependency
- Enable rotation props in Map.js component
- Add allowRotation config option in config.default.js
@kaziNymul
Copy link
Author

@Antiik91 @Jontzii @optionsome @vesameskanen - Could you please review this feature addition? It adds 360-degree map rotation similar to Google Maps. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant