LeafletJS markers move on zoom

by

The solution to this is quite simple. Leads should have posted it.

when your markers are moving around your map it’s because the map doesn’t know the size of your marker and/or it doesn’t know the point of your marker that marks the location.

your marker icon code might look like this:

var locationIcon = L.icon({iconUrl:'location_marker_icon.png'});

now, let’s suppose your image is 24px wide and 36px tall. To keep your marker from moving around, you simply specify the size of the marker, and the “anchor point”…

var locationIcon = L.icon({
    iconUrl:'location_marker_icon.png',
    iconSize: [24,36],
    iconAnchor: [12,36]
});

This will make the center pixel on the bottom represent the exact lat/lng point you specified the marker for, and it will keep it anchored there!

More Related Contents:

  1. Where can I find this Mappr Maps? [closed]
  2. How do you add a Dictionary of items into another Dictionary
  3. How to check if a map contains a key in Go?
  4. How to initialize a dict with keys from a list and empty value in Python?
  5. How to iterate maps in insertion order?
  6. FFMPEG mux video and audio (from another video) – mapping issue
  7. How to get memory size of variable in Go?
  8. Swagger HashMap property type
  9. Swagger: map of
  10. How to access deeply nested dictionaries in Swift
  11. How to update map values in Go
  12. Mapping a function on the values of a map in Clojure
  13. Iterating Through a Dictionary in Swift
  14. why slice values can sometimes go stale but never map values?
  15. How to convert List to Map in Kotlin?
  16. Map with concurrent access
  17. Getting a slice of keys from a map
  18. How to deep copy a map and then clear the original?
  19. What is the difference between a map and a dictionary?
  20. Where to find dictionaries for other languages for IntelliJ?
  21. In Swift can I use a tuple as the key in a dictionary?
  22. Copying all elements of a map into another
  23. Swift NSUserDefaults not saving Dictionary?
  24. How to recover from concurrent map writes?
  25. Why `additionalProperties` is the way to represent Dictionary/Map in Swagger/OpenAPI 2.0
  26. Why dict.get(key) instead of dict[key]?
  27. Static Generic Class as Dictionary
  28. Data structures that can map a range of keys to a value
  29. C# Convert List to Dictionary
  30. Random Python dictionary key, weighted by values

Leave a Comment