Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
img
 
 
lib
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.

About

Magic marker animation.

Resources

License

Releases

No releases published

Packages

No packages published