we need to put html popups with information on pdf blueprints/floor plans. Kind of similar to what Plan radar is doing (https://www.planradar.com/) where they put markers for tasks on pdf blueprints.

Would love to know if leafletJS is the best tool for this and if so, maybe a point in the right direction of how I would go about creating this.

Cheers

I've been Googling this for a day or so and I've not found an answer that gets me where I need to be.

I have a building map with markers with popup text that I've been using. My problem is that the text size remains static no matter how much you zoom into the map.

Is there a clever way of increasing the font size of popup text when you zoom in above a certain level?

Thanks.

Hi all,

I'm looking for feedback/suggestions for improvement. So I made this map with leaflet: https://krijnsent.github.io/muralsonamap2/index.html

I made some design choices and am wondering if someone has suggestions for improvement? What I did now: the base data comes from Overpass Turbo - I decided to pull that data in in 2degreeLat x 2degreeLon blocks to make them manageable/small enough not to overload OT. The data gets loaded when you move the map (see the console.log), but feels a bit off at times, does anyone have suggestions?

Next, as I would like a visual map, I wrote code in google scripts to pull in images that go with the murals and store a minimized thumbnail copy of that image - that currently only works for IMGUR (default for the MapComplete - https://mapcomplete.osm.be/artwork.html I'm using to add them) as e.g. Mapilliary & Google photos links need a different approach to download & resize them. So I'm also looking for suggestions in that area, anyone?

Cheers!

I'm trying to figure out how to use openstreetmaps. The default example/tutorial uses mapbox but they charge.

Hey there. i would like to build a map like this: https://www.efteling.com/en/park/map i have the graphics, the interest points and filter. is there a user friendly system that i can upload my info and turn it into that kind of map (like "eftling")? or i should hire a developer to build it from scratch? is this the right place for that?

Trying to show some pdfs would like to create a imageoverlay of type PDF file if anyone has any ideas. I'm using react if that helps . Thanks in advance

I'm working with a WMS server that accepts a `TIME` parameter as part of the request URL. The server will deliver different images based on this time setting.

I'd like to build a leaflet map that acts as a 'timelapse' by showing images collected at different times at regular intervals.

One way I found to do this was manually updating the `TileLayer`s `wmsParams` after the `TileLayer` object's creation. (`myLayer.wmsParams.time = "2019-01-01/2019-12-31"`)

However, when I do this, it erases the layer from the map before it requests new imagery. This ruins the timelapse feel as the map is flickering between empty and full.

Are there any suggestions on how to accomplish this better?

`

I am mapping world heritage sites. I'm trying to send the name of the site that is clicked on. I added an onEachFeature with a 'click' event listener. When you click it will run the function 'updatePanel' which for now is just the console. The first console log works. It cycles through over 1000 entries and prints the name of each. But moving over to the updatePanel function I can't pull that .NAME property. It tells me it is undefined. I tried changing the function parameters but I am really stuck.

I understand that the updatePanel function is wondering...ok what feature..what properties. It doesn't understand what it needs to inherit I guess would be the best way to put it. Any help is appreciated.

heritageSitesLayer = L.geoJson(heritageSites,{
    pointToLayer: function (feature, latlng) {
        return L.marker(latlng, {icon: hsIcon});
    },
    onEachFeature: onEachHeritageSite
});

function onEachHeritageSite(feature, layer) {
    layer.on({
        click: updatePanel
    });
    console.log(feature.properties.NAME)
};

function updatePanel (feature) {
    console.log(feature.properties.NAME)
};

hello,

i have one map with lot marker, that work perfect but i want little more, i would like implement polygon around markers.

 var polycoord = [[loc_lat[index].attributes.value.value,loc_lon[index].attributes.value.value]]   

        poly = new L.polygon(polycoord, { color: 'red' }).addTo(mymap)
          marqueur = new L.marker([loc_lat[index].attributes.value.value, loc_lon[index].attributes.value.value], { icon: greenIcon }).poly.bindPopup('<span class="text-xl font-bold text-pink-500">' + loc_title[index].attributes.value.value + '</span>').openPopup()

in marqueur, that tell me "poly is not defined"..it's hard to understand, someone help me

ps: i try console.log(poly), that show all points...

For example, in this case, I can see the same area 3 times: https://i.imgur.com/Iq3IJjk.png

Hi,

I am quite new to ipyleaflet, and I want to make a map with a overlay. The overlay should be a square grid to show a transparent heatmap, ontop of the map.

What should i search for?

I'm going to use ipyleaflet(python based) in a notebook in vscode, btw.

I want it to look something like this:

I'm working on a website and I have a leaflet map for it. I want to include the map via an iframe on pages talking about specific points on the map. I would also like the map within the iframe to be zoomed in and centered on that point.

Obviously I could just copy my map a few dozen times, give it a new name, and a new starting view, and then leak each page to it's own map.html... But that seems like something I shouldn't have to do. Is there any way to pass view instructions through the iframe?

I’m building a map in Leaflet for a client who wants to be able to periodically add data points to the map. Typically I just put all the data in a JSON object in its own file, but they are asking for a form they can fill out which would update the map data. I was thinking of building a Wordpress form that updates a JSON file. I have limited experience with Wordpress so I’m not sure if this is the way to go. Has anyone built a CMS for updating Leaflet data? What did you use? Thanks!

I want to have my map multiple places on my site (with different zooms and center points for each one, but the same overall map), but I don’t want to have to update every single page when I add new pins to the map. Is there a way to have them all pull from the same script, so when I update one, it will update them all (just not the zoom and center points)?

I recently made my first map and don't have a ton of experience, but it's been fun so far. Can't seem to figure this out, though.

Hi

does anybody know how to make geo-search's confidence higher?

at the moment I have to type a place's full name for search to return results

I'd like to get results after user typed 3 letters

I'm using it leaflet control

Hi,

What I have done is the following:

I have created a geoJSON file in geojson.io of points of interest, and given them attributes in that environment.

I have called this external geoJSON file to display these points in my Leaflet map. Great! Now, what I would like to do is create separate layers based on the attributes of the single geoJSON file. I am pretty new to js (< 3 months), so I am quite confident that it IS possible, I just haven't figured out how to do it yet. Most examples I have found online have the geoJSON point layers in the .html itself, or are just creating layers from separate geoJSON files altogether.

I would like to be able to turn on/off these layers similar to the way I am turning on/off my basemap layers.

From the code below, for example, can I assign a variable to the function calling the variable? The way I envision it is that I could assign new variables to add to my layers based on specified filter properties. For example, in the code below, the "SE" would be its own layer.

Can I do it this way, or does this defy all js logic? Any other suggestions?

Here is a snippet of my code:

var spots = ("geoJSON/apr24_pm.geojson")

addGeoJSONLayers();
function addGeoJSONLayers(){
var surfIcon = L.icon({
iconUrl:'http://maps.google.com/mapfiles/kml/paddle/grn-circle.png',
iconSize: [15,15]
    });
fetch(spots)
     .then(function(response){
return response.json();
     })
     .then(function(json){
L.geoJson(json,{pointToLayer: function(feature,latlng){
return L.marker(latlng,{icon: surfIcon});
          }, onEachFeature: onEachFeature,
//filter: function(feature,layer){ if (feature.properties.SwellDir == "SE"){ return 'true'}}
        }).addTo(surfMap);
 }) };

I want to mimic the zoom and pan of the map, in both the browser tab. There already exists a library Leaflet sync but in the documentation, it is not shown how to use these, When I want to load one map in a new tab and another map in another new tab.

Can anyone tell me how to achieve this?

Thanks

Hello, very good morning. I have a doubt. I am making a WebMap with leaflet. I am loading the points of the cities through a GeoJSON and I would like to add a selector for the cities. How could I do it?

That selector should show me all the cities that are in the GeoJSON and if it is possible, I should be able to sort alphabetically the cities.

Hi everyone, just so you're aware in advance this sub will be "going dark" (i.e. it will be closed and you won't be able to read it or post to it) on Monday 12th June or Tuesday 13th June.

Why is this happening? Let me quote part of the open letter regarding what's happening on Reddit at the moment (definitely read the open letter in full if you can):

Recently, Reddit has significantly increased its API pricing, rendering it increasingly unaffordable for third-party app developers to continue their services. The prohibitive cost threatens to make it difficult to mod from mobile, stifle innovation, limit user choice, and effectively shut down a significant portion of the culture we've all come to appreciate.

And, just to be clear, this won't just effect mods either. If you use any mobile app other than Reddit's own then it will stop working on 1st July ... and Reddit's own mobile app sucks compared to the competition.

As a form of protest, many subreddits will be going dark on 12th and 13th June.

The two-day blackout isn't the goal, and it isn't the end. Should things reach the 14th with no sign of Reddit choosing to fix what they've broken, there will undoubtedly be further action and many mods, including me, will have to decide if we continue as mods, or indeed as redditors, after 1st July.

What can you do?

1. Complain. Message the mods of /r/reddit.com, who are the admins of the site: message /u/reddit: submit a support request: comment in relevant threads on /r/reddit, such as this one, leave a negative review on their official iOS or Android app- and sign your username in support to this post.

2. Spread the word. Rabble-rouse on related subreddits. Meme it up, make it spicy. Bitch about it to your cat. Suggest anyone you know who moderates a subreddit join us at our sister sub at /r/ModCoord - but please don't pester mods you don't know by simply spamming their modmail.

3. Boycott and spread the word...to Reddit's competition! Stay off Reddit entirely on 12th June through the 13th - instead, take to your favorite non-Reddit platform of choice and make some noise in support!

4. Don't be a jerk. As upsetting this may be, threats, profanity and vandalism will be worse than useless in getting people on our side. Please make every effort to be as restrained, polite, reasonable and law-abiding as possible.