search

Leaflet / Leaflet.VectorGrid

Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0.0
598 stars 194 forks source link

Some items rendering as circles for MapZen and OpenMapTiles #122

Closed akathartos closed 6 years ago

akathartos commented 6 years ago

It seems that some items are rendering as circles for OpenMapTiles

image

...and for MapZen:

image

I could't figure out if this was version-specific issue (latest) or related to configuration (copypasted vectorTileStyling from example docs) so any pointers how to fix or remove these circles altogether would be appriciated!

perliedman commented 6 years ago

Circle markers are the default styling for point geometries, so it's likely you're rendering some point based layer.

akathartos commented 6 years ago

Thank you for quick reply! Do you have any hints how these could be removed? I tried to look for related attributes from MapZen docs but didn't manage to find anything that I could try with vectorTileStyling definitions.

For MapZen I used the same vectorTileStyling and URL than in the demo so weird thing was that my (latest) environment had these circles appearing but they did not appear in the demo.

EDIT: MapZen comparison between my system using latest VectorGrid, latest pbf.js, Leaflet 1.0.3+ed36a04 and demo at http://leaflet.github.io/Leaflet.VectorGrid/demo-vectortiles.html

image

akathartos commented 6 years ago

Items are definitely labels/addresses/text for buildings and water locations. Is there any definition for vectorTileStyling that could be used to hide these altogether?

IvanSanchez commented 6 years ago

You can use icons (see #44), but unfortunately the ability to instantiate new L.DivIcons (which would fit the user case quite nicely) is not yet implemented.

I'm closing this as a duplicate of https://github.com/Leaflet/Leaflet.VectorGrid/issues/67

akathartos commented 6 years ago

Sorry I didn't make it clear enough that I don't really need the labels, I just wanted to remove those annoying circle markers appearing all around the map.

For anyone else having this issue, reverting to VectorGrid version from latest npm to https://unpkg.com/leaflet.vectorgrid@1.2.0/dist/Leaflet.VectorGrid.bundled.min.js used in demo fixed this issue:

image