Skip to content

Sylvenas/leaflet.magicMarker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.