basemaps | lightweight package for accessing basemaps | Map library

I had the control located css & js ready, but I can't figure it out. I was plan to make it when the located button is pressed, it will located me to the current direction with marker and auto fill lat & long in my web form(As attached).

lat & long form

Below was my existing code for search control. Function auto fill & marker lat/long when search address was found.

I've been incorporating the MarketCluster and the associated FeatureGroup.SubGroup plug ins from Leaflet to add additional functionality to my generated QGIS2web map.

Part of my requirements is toggleable layers and where MarkerCluster works well when I had categorized layers from QGIS that were automatically clustered with separate layers this is no longer the case. To my understanding I needed either MarkerCluster.LayerSupport or FeatureGroup.SubGroup plugins to handle the additional layers and still provide clustering.

I've incorporated the CSS from MarkerCluster, JS from MarkerCluster and SubGroup, as well as called it in the map and in the respective places but the icons aren't actually clustering - image below.

The bottom 3 layers are all under the parent group mcg and all have been added to the map and called under the plugin so I'm not too sure why they are not clustering at small scales?

Var map code:

So I'm in the process of making a web map of previous projects. My experience with JavaScript and general web programming languages are limited and outdated (apparently OnClick is deprecated?)

Either way, I'm using QGIS2Web alongside Leaflet to produce this map and then had planned to further fine tune it through the source.

All has been well so far but now I am trying to add an event that occurs on click/on layer add (but not of every layer only specific region layers) which would then pan the map to the centroid of that region.

I started by first defining the function

I am a total javascript/leaflet/ag-grid newbie, so please bear with me.

I am creating a website that allows users to query (add/remove) spatial points on a leaflet map based on selecting rows from ag-grid. I have no understanding/experience with React or Angular, so I am using vanilla javascript. Leaflet is used to display the data spatially.

I have spatial data that has GPS coordinates that are parent records. Each parent they have multiple children.

The spatial data is an external file I read into my HTML file. It looks like this:

Using the following code from ipyleaflet documentation I get a nice display with 2 extra custom widgets. These widgets have a small dark shadow that I would like to remove.

There is a Main component, which has 4 separate components. It is necessary that these components are not visible before the user does not use the search.

The first component is responsible for displaying the weather graph, and the second for displaying the map. I do not know how to hide these two components specifically.

first component 1

I'm currently creating a vue3 cli app that uses vue-leaflet (the vue3 compatible version)

Everything works great on my local dev environment but once my app is built the map doesn't load, even when I resize like this thread explains well.

I tried using the leafletObject.invalidateSize() method but nothing changed.

My map is a component called using a v-if on first call (switch between a list view and the map) and a v-show once it has been initialized

if I add "baseMaps" to my layer control, "huts" is actually a checkbox. But I only have one basemap, so I dont need that in my layer controls. But I still wanted to be able tu turn off my "huts" overlay. But as soon as I remove "baseMaps" "huts" becomes a radio button and cannot be turned off. Is there a way?

I have two leaflet maps which are loaded with geojson on the basis of a search button click. This shows some polygons with a style opacity 0.3 so you can see the street names under the polygons.

It works great except that any additional searches and loading of polygons starts to change the opacity of the polygon, making it more solid so you cant read the names of the streets under the polygon.

I try clearing the geojson layer before adding to the map, but the issue persists.

I have created a rough code pen of the issue here: https://codepen.io/joomkit/pen/xxXgLPJ?editors=1111

Essentially just click the search button to load the layer no need to fill the listener runs a function and gets static data.

I have tried various methods to remove layer. A second click on the search is meant to clear the layer and load a new one. In the example it's just reloading the original data but the opacity is clearly demonstrated.

Main code is also below.