1

I've got a leaflet map, to which I added a GeoJSON object (a polygon, specifically) and a number of Markers. The markers should all be inside the polygon, but they're not being displayed that way:

Marker and Polygon strangeness

In the example below, the GeoJSON is:

{"type":"Polygon","coordinates":[[[29.53125,49.921875],[29.53125,50.625],[30.9375,50.625],[30.9375,49.921875],[29.53125,49.921875]]]}

And the green-highlighted marker's coordinates are: [30.9332103729, 50.3615112305]

As you can see that marker is showing up well outside the outline of the polygon. The problem is considerably worse at wider zoom levels -- zoomed all the way in, the green marker makes its way just barely inside the polygon outline.

Any idea what could be causing this?

UPDATE: Turns out the issue appears to be the Markers, not the GeoJSON... when I zoom in on the map, the markers move. In this example, they all move to the northwest as I zoom in.

  • 2
    I can not reproduce - see playground-leaflet.rhcloud.com/lej/edit?html,output – IvanSanchez Nov 30 '16 at 22:34
  • Maybe it's specific to L.geoJson(...)? – DanM Nov 30 '16 at 22:35
  • Can you show us the exact GeoJSON that you're using? – IvanSanchez Nov 30 '16 at 22:57
  • @IvanSanchez see edit for GeoJSON. – DanM Dec 1 '16 at 14:16
  • @IvanSanchez Well, that's odd. I just dropped that GeoJSON into your playground, and it seems completely fine. Must be something else wrong.... will hopefully return here with an edit if I either figure it out or find other potential issues. – DanM Dec 1 '16 at 14:19
1

Judging by the data, the comments, and some tests, it seems that the problem was in the misuse of the iconAnchor option for the marker's icons.

Even though the "tip" of the marker icon image is out of the rectangle, the top-left corner of the markers is always within the rectangle, which indicates that the iconAnchor option has a value of [0, 0]. Adjusting this value to fit the "tip" should fix the visual issue.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.