I am fairly new to leaflet but have created a working script that is using L.control.layers with 3 base map options (tileLayers) and 3 overlay options (a line, a polygon, and point(s)). The point layer features a pop-up with the relevant data i want displayed. All of these components work fine...the issue arises when i create a heatmap layer that i want to add to the layer control. regardless of where i place the creation of the heat layer and its geojson in the script, it covers up the 'clickable' point feature so as to make it 'unclickable'. i played around with the zindex option but that didn't seem to do the trick. Is there a simple way to get this to work the way i want it to?
I would post the script but all the data is held in-line...and it can not be shared and i am using the CDN's for leaflet and leaflet-heat form github. As i said, individually all the components work fine except being able to place that heat layer as the first layer on top of the base layers so as to keep my pop-up 'selectable'. I was able to change the opacity of the heatlayer so you can at least see the points under the heat layer but that is a very poor solution for what i need to do.
Thanks.