Magic marker animation.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css merge html Jul 26, 2017
dist merge html Jul 26, 2017
img update src code Jan 20, 2017
lib update src code Jan 20, 2017
src merge html Jul 26, 2017
test merge html Jul 26, 2017
.DS_Store merge html Jul 26, 2017
.gitignore Initial commit Jan 18, 2017
LICENSE Initial commit Jan 18, 2017
README.md Update README.md Oct 9, 2017
index.html Spelling Jan 23, 2017

README.md

leaflet.magicMarker

Adding magical animation effect to a marker while loading.

supported browsers

Internet Explorer 11
Google Chrome
Safari
Firefox

Demo online

A demo is available on the Github Pages webpage for leaflet.magicMarker Check out demo!

Usage

1.Include the JavaScript file and css files located in \dist directory.

<link href="./lib/magic.min.css" rel="stylesheet">
<link href="./dist/leaflet.magicMarker.css" rel="stylesheet">

<script src="./dist/leaflet.migrationLayer.js"></script>

2.Create a new magic marker

var magicMarker = new L.marker.magic([51.55, -0.09], {
    iconUrl: './img/magicIcon.png',
    magic: 'vanishIn'
})  

Options

Option Description Default Value Required
iconUrl The URL to the icon image null no
magic Animation type null yes

Other options inherited from leaflet Icon

Leaflet Version

Requires Leaflet 1.0.2 or newer

Thanks

leaflet.magicMarker is base on magic animations.

License

MIT.