ember-leaflet-rotated-marker

ember-leaflet addon that provides a marker that supports rotation

Usage no npm install needed!

<script type="module">
  import emberLeafletRotatedMarker from 'https://cdn.skypack.dev/ember-leaflet-rotated-marker';
</script>

README

ember-leaflet-rotated-marker CI Ember Observer Score npm version

This addon extends ember-leaflet's <layers.marker> component to support rotation. This uses this leaflet extension to accomplish that. Doesn't work on IE < 9.

Usage

<LeafletMap @lat={{51.512983}} @lng={{-0.138289}} @zoom={{12}} as |layers|>
  <layers.marker @lat={{51.512983}} @lng=-{{0.138289}} @rotationAngle={{90}} @rotationOrigin="25% 25%">
</LeafletMap>
Argument Type Default Description
@rotationAngle Number 0 Rotation angle, in degrees, clockwise.
@rotationOrigin String 'bottom center' The rotation center, as a transform-origin CSS rule.

Installation

Run:

ember install ember-leaflet-rotated-marker

Compatibility

  • Ember.js v3.16 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Running

  • ember server
  • Visit your app at http://localhost:4200.

Running Tests

  • npm test (Runs ember try:testall to test your addon against multiple Ember versions)
  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.