Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

README.md

Leaflet.ParallaxMarker

Markers that move with a parallax effect in relation to the base map.

Demos / Examples

See demos/examples at https://dagjomar.github.io/Leaflet.ParallaxMarker/.

Screencapture GIF

Screencapture GIF

How to use

The option property parallaxZoffset determines how much of a parallax effect you want. A higher number, means more effect. 0 means it will be stationary on the map, as in no effect at all

Example

The following example will stack a bunch of markers on top of each other in the z-axis Notice that the offset doubles by a factor of 2 for a nice realistic effect

Screencapture GIF

    var center = {lat: 63.417103647850126, lng: 10.403537750244142};

    L.Marker.parallax(center,{ parallaxZoffset: 0}).addTo(map);
    L.Marker.parallax(center,{ parallaxZoffset: 2}).addTo(map);
    L.Marker.parallax(center,{ parallaxZoffset: 4}).addTo(map);
    L.Marker.parallax(center,{ parallaxZoffset: 8}).addTo(map);
    L.Marker.parallax(center,{ parallaxZoffset: 16}).addTo(map);
    L.Marker.parallax(center,{ parallaxZoffset: 32}).addTo(map);

TODO

  • Make things work smoother on zoom animation

About

No description, website, or topics provided.

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.