leaflet-rotate-map

Rotate Leaflet Map

Enable to rotate Leaflet maps. The code is based on a merger between lastest official leaflet version and leaflet rotate branch. In addition, there are some improvements like:

• Fix popup
• Add getCircumscribedBounds
• Fix Draggable
• Fix map.setView
• Fix _onDragStart when map has maxBounds and map is rotated

Demo

Look at index.html file in examples folder

Usage

Setup

• Add script to html. You can use leaflet-src.js in ./dist folder.

<script src="leaflet-src.js"></script>

• You can also use npm install leaflet-rotate-map or yarn add leaflet-rotate-map.

L.map(id, options)

To instantiate a L.Map with rotation, add rotate option

const map = L.map('map', { rotate: true });

Changelog

0.3.1 (2012-02-14)

• Fixed a regression where default marker icons wouldn't work if Leaflet include url contained a query string.
• Fixed a regression where tiles sometimes flickered with black on panning in iOS.