0

I added a data layer on my map and I'm using an svg image to represent the markers. 

#points {
  point-file: url(marker2.svg);
  marker-width:10;
  marker-fill:#fff;
}

since it's an SVG image, I'm trying to customize the fill color but it is not working. marker-fill seems to only work on the markers they provide, but not on SVG images. Is this possible to do using TileMill/Mapbox ? Is it possible with the JS API ?

UPDATE

From http://mapbox.com/blog/announcing-tilemill-0.10.0/, it looks like using marker-fill should have done the trick but that's not the case. Could the problem be with my svg image ?

Charles
  • 50,943
  • 13
  • 104
  • 142
sjobe
  • 2,817
  • 3
  • 24
  • 32

1 Answers1

1

Solved it, looks like if you're looking to customize the marker, you need

marker-file: url(marker2.svg); instead of point-file: url(marker2.svg);

sjobe
  • 2,817
  • 3
  • 24
  • 32