How to display Leaflet markers near the 180° meridian?

by

Just make sure that the longitudes of your markers are in the range 0..360 instead of in the range -180..180. See a working example.

i.e. instead of

L.marker([0,170]).addTo(map);
L.marker([0,-180]).addTo(map);
L.marker([0,-170]).addTo(map);

Do something like

L.marker([0,170]).addTo(map);
L.marker([0,180]).addTo(map);
L.marker([0,190]).addTo(map);

In other words, if a longitude is smaller than zero, add 360 to it. You might want to use L.Util.wrapNum(lng, [0,360], true) instead, if you plan to filter all your longitudes at once.

More Related Contents:

  1. Data-toggle tab does not download Leaflet map
  2. How to reference static assets within vue javascript
  3. Leaflet drawing tiles disjointly
  4. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  5. Wrapping lines/polygons across the antimeridian in Leaflet.js
  6. Leaflet- marker click event works fine but methods of the class are undefined in the callback function
  7. refresh leaflet map: map container is already initialized
  8. Leaflet map not displayed properly inside tabbed panel
  9. Leaflet event: how to propagate to overlapping layers
  10. Storing Image Data for offline web application (client-side storage database)
  11. Is there a way to use leaflet.heat in react?
  12. Leaflet marker event fires at wrong time
  13. Click link inside Leaflet Popup and do Javascript
  14. How to secure the JavaScript API Access Token?
  15. leaflet map shows up grey
  16. How to get a leaflet map canvas to have a 100% height?
  17. Why avoid increment (“++”) and decrement (“–“) operators in JavaScript?
  18. Zoom in on a point (using scale and translate)
  19. javascript regex split produces too many items
  20. Is using an ES6 import to load specific names faster than importing a namespace?
  21. ngRepeat Filter by deep property
  22. How to add content to html body using JS?
  23. Child element click event trigger the parent click event
  24. socket.io Removing specific listener
  25. Convert object to array of key–value objects like `{ name: “Apple”, value: “0.6” }`
  26. Extract all email addresses from bulk text using jquery
  27. Cross-browser (IE8-) getComputedStyle with Javascript?
  28. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  29. React-Redux: Should all component states be kept in Redux Store
  30. Assign only if condition is true in ternary operator in JavaScript

Leave a Comment