Magic marker animation.
CSS HTML JavaScript
Latest commit b2f828a Jan 24, 2017 @Sylvenas Sylvenas committed on GitHub Merge pull request #1 from danzel/patch-1
Spelling
Permalink
Failed to load latest commit information.
css update src code Jan 20, 2017
dist update readme Jan 20, 2017
img update src code Jan 20, 2017
lib update src code Jan 20, 2017
src update src code Jan 20, 2017
.gitignore Initial commit Jan 18, 2017
LICENSE Initial commit Jan 18, 2017
README.md update readme Jan 20, 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 yes
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.