What's the best way to mix SVG polys and divIcon clicks in Leaflet.js?

Question

What's the best way to mix SVG polys and divIcon clicks in Leaflet.js?

I have a map that pulls GeoJSON polygons and points.

I present them using standard Leaflet methods to generate SVG and html markers respectively.

To get an idea: http://i.imgur.com/GSJSZIc.jpg

SVG = blue, bullets = green.

The flyer creates "panels", a div.leaflet-overlay-panel for SVG and a div.leaflet-marker-panel for markers. The bullet flyer panel (with a red border) covers half of the viewport and has a higher z-index, followed by a sheet overlay panel making the SVG polices invisible underneath.

If I set the zindex on the overlap pane to be smaller than the marker area, all markers are fuzzy as the overlay pane covers the entire view port.

I've read some stuff on the Github elevator about the createPane () problem but haven't seen it work yet. Should this be something that fixes this problem? those. puy of all SVG markers and polices in the same panel / div.

So far I have set the marker bar to 1px x 1px. This seems to work fine, and I am asking why the marker bar will be set to half the size of the viewport?

+3

svg leaflet geojson

Sebastian thomas 10 nov. 14 at 16:49

source to share

No one has answered this question yet

Check out similar questions:

7

Use svg as a map using leaflet.js

3

How do I include SVG code in Leaflet.js?

3

Flyer: organizing panels from tiles, geoison, markers, polylines

3

How to bind d3 map tooltips to the popupPane sheet?

2

SVG icons in Leaflet.js map

1

Does Leaflet.js support SVG as a background?

1

How can I create a custom SVG overlay on a sheet without using D3?

1

Why does the opacity fill change the shade of the fill?

0

Google geojson projection offset error vs d3

0

Using bringToFront () method for sheet layer styles that are NOT in the level event with ngx-sheetlet

What's the best way to mix SVG polys and divIcon clicks in Leaflet.js?

More articles: