Hello, I would like to know if it is possible to add a legend with a list of layers to the map…I have reviewed the list of options but can’t seem to locate one.
I also have the extensions for Leaflet Map downloaded, and in several of the examples shown there the legend appears, but not with an ad-hoc command…
TIA for any feedback
Andrea
]]>After?changing?the?Geocoder?setting?to?Google?Maps,?inputting?my?API?key,?saving?the?settings,?and?clearing?the?Geocoder?cache,?my?site?still?doesn’t?use?Google?Maps?when?using?Leaflet.
How can i fix this?
]]>I’m using the Leaflet and Leaflet Map plugins in WordPress to create a map that displays voting locations with pins representing each polling station and showing the number of votes at each location. However, when the pins are clustered, the cluster displays the number of markers within it instead of the total number of votes, which is confusing.
Since I haven’t managed to make the cluster display the sum of votes in each grouping, I would prefer to remove the displayed count from the clusters altogether. I included an image on the page link to illustrate what I’m aiming to remove.
]]>Hello,
I think this page ( https://www.neumaticos-pneus-online.es/montaje-neumaticos/madrid/ ) is using leaflet libraries with real programmers and they are doing some functionality I want to know if it can be replicated with this plugin:
When you click on any icon on the map, this click is updating dynamically a window below the map.
I’m not a developer and I don’t know how are they doing that cool thing
Hi, i have a kml that i load from an url:
The contents is (xml is stripped) :
The markers show, but how do i get the text in it?
<?xml version="1.0" encoding="UTF-8"?><kml xmlns="https://www.opengis.net/kml/2.2"><Document><Placemark><name>Vertrekpunt</name><description>IJmeer, Waterland, Noord-Holland</description><Point><coordinates>5.100669,52.415713</coordinates></Point></Placemark><Placemark><name>Eindpunt</name><description>IJmeer, Amsterdam, Noord-Holland</description><Point><coordinates>5.058854,52.383934</coordinates></Point></Placemark><Placemark><name>MarinePlan Boat Route</name><Style><Style id="route"><LineStyle><color>ff0000ff</color><width>4</width></LineStyle></Style></Style><description>Route van IJmeer naar IJmeer op 03-10-2024, 15:41</description><styleUrl>#route</styleUrl><LineString><coordinates>5.100669,52.415713 5.108301,52.405237 5.105556,52.401736 5.103522,52.400169 5.092803,52.396345 5.082075,52.39252 5.071346,52.388695 5.060664,52.384662 5.058854,52.383934</coordinates></LineString></Placemark></Document></kml>Hello,
Is it possible to add title and alt? Like here: https://leafletjs.com/examples/accessibility/
Markers must be labelled
When using markers, it is vital to ensure each has a unique and descriptive alt or title:
var marker = L.marker([50.4501, 30.5234],
{alt: 'Kyiv'}).addTo(map) // "Kyiv" is the accessible name of this marker
.bindPopup('Kyiv, Ukraine is the birthplace of Leaflet!');Greetings
Andre
]]>In your manual I see separate shortcode for map and marker.
But my Theme only supports to put one shortcode at the place that I want to put the map WITH marker. Do you have a shortcode that with display the map including the marker?
]]>The leaflet maps renders without issues on the page but it does not render properly inside a tab – have a look at https://oceanposse.com/leaflet-test/
]]>I was hoping you might direct me the best way to do the below. I want create a list that links to the markers. I’ve been able to use “Target Markers” to create text links to individual markers. However, I would like to create some sort of group layer link that would show the child items when clicked. I guess this would be similar to “group by features options.” But I want to make a list with headers and control the HTML.
Ideas? I started making GeoJson files for each thinking I could swap out the markers on click, but not sure that was the “way.”
Group 1
-Item 1
-Item 2
-Item 3
Group 2
-Item 1
-Item 2
-Item 3
is there a way to open a popup from outside the map?
like a list of location to the side of the map
]]>Hello,
I want to know if is possible to disable dragging for vertical movement, but not disable dragging for horizontal movement.
I have a map made by an image, and I wanna show the full height image on the page (1200px), but if you do this on mobile it became dificult to scroll other parts of the page.
If I disable dragging, scroll on the page becames easier, but the width of the image cannot be seen (900px)…
Thank you!
]]>Hello,
I’m a bit confused, is it possibile to show multiple markers on the same map?
I’m using shortcode like this:
[leaflet-map fitbounds]
[leaflet-marker lat="45.8157208" lng="8.8230275"]
[leaflet-marker lat="45.8157208" lng="8.8230275"]
[leaflet-marker lat="45.8157208" lng="8.8230275"]But is just shows the last marker.
am I missing something?
]]>Hi,
I am creating an interactive map locating several institutions with some practical informations.
Here is the design that I would like to achieve.
https://www.jetboost.io/products/webflow-cms-maps
Thank you in advance for you attention.
Best regards,
Wei-Yang
]]>Hi,
I have problem of adding a new map in the Leaflet Map plugin for WordPress.
I have checked and there is not a plugin conflict nor a permission issue.
Please help me out.
Thank you in advance.
Best regards,
Wei-Yang
How can I set map tiles as overlapping tiles from two different URL sources?
Best regards.
How can I make it possible to zoom the map using just scrolling, without having to hold down the Ctrl button? Especially in the full screen version, where using ctrl is completely unnecessary.
Best regards.
Hi, i’m trying to change the opacity on mouseover but i can’t manage to do it.
If i put the fillOpacity in my shortcode i change the overall opacity of my map and not simply when hovering over a specific area (in this case a prefecture). Here is my code :[leaflet-map address="Tokyo, Japan" zoom=6 doubleClickZoom=true scrollwheel=true fitbounds=1 tileurl=""]
[leaflet-geojson src="/uploads/japan-prefectures.geojson" color="#ffffff" fillOpacity= "0.3" fillColor="#1eae00" weight="0.8" popup_text="{name}"][/leaflet-geojson][hover]
[zoomhomemap]
Thanks
edit: i tried with someting like this but i don’t see the changes :[hover opacity=0.8 fillOpacity=1]
Hi,
Is there a way to create different layer controls grouped? Example of geojson:
Properties:
Restaurant: French, Italian, American…
Food: Pasta, Pizza, Meat…
I would like to have a box on the toplight where people can filter markers choosing for example all French restaurants that have Meat.
thanks
]]>Can images be rotated in Image Overlay? The image needs to be rotated to match the map accurately. How do I specify the lower left and upper right corners in this case?
[leaflet-marker lat=44.68804554133 lng=33.5721802711487]upper-left[/leaflet-marker]
[leaflet-marker lat=44.6867640860848 lng=33.5696911811829]lower-left [/leaflet-marker]
[leaflet-marker lat=44.6835908367988 lng=33.5730171203613]lower-right[/leaflet-marker]
[leaflet-marker lat=44.6848494781084 lng=33.5755491256714]upper-right[/leaflet-marker]
Hi, please advise …
[leaflet-geojson src=”https://www….”%5D<strong>Name:</strong> {name}<br><strong>Description:</strong> {description}[/leaflet-geojson]
Not working ??
]]>If I apply [leaflet-marker visible] on more than two point, only one will work. Is there a way to make it work on more than two?
]]>Is there a way to specify different colors of polygons for each property of the geojson field?
]]>Hi,
I want to overlay a paper map image. How can I find the boundary coordinates of the paper map?
]]>[leaflet-marker svg color="#ffffff" fill="white" iconClass="marker" background="var(--primary" lat="{{ post.ld_geographic_coordinates.latitude }}" lng="{{ post.ld_geographic_coordinates.longitude }}" title="{{ post.title }}"]
the iconClass (a bike) is now add to the default marker. How can I change that marker?
2. Height
The height is now hardcoded to the shortcode. How can I change this so that the map is taking the height and width of the parent container?
[leaflet-map fitbounds scrollwheel="0" dragging=true height="700" zoomcontrol]';
Hi, I’ve followed the shortcode helper to show multiple markers. For each marker I use this syntax:
[leaflet-marker visible Lng= “-2.2791315” Lat= “53.4426223”]venue id number: <a href=https://chorltonartsfestival.org/locations/venue>venue name</a>[/leaflet-marker] where the italicised text refers to the particular venue.
However, Only one marker shows and the label has a lot of unnecessary white space. Is there a way to a) make them all show by default (I will probably just use the id number to reduce clutter) and b) reduce the amount of white space when including a link?
Thanks
]]>I’d like to thank the developers for creating this amazing plugin, I truly love it! Unfortunately, I’ve recently noticed a blank diamond-shaped icon appear on mobile. I’ve tried uninstalling the cache plugin, excluding JS file from Cachehttps://1drv.ms/v/s!AlieUtlfVn0kge1p00Xl2B5kW-46tw?e=ImF0aQ, but the icon persists.
Is anyone else experiencing this issue? Any suggestions on how to remove the icon would be greatly appreciated!
]]>propertyName: "community_nameroundscene7", zoom: 12, autoCollapseTime: 1200, textErr: "Location not found", textPlaceholder: "Search", hideMarkerOnCollapse: true, position: "topleft", marker: {}, openPopup: true,
TypeError: L.Control.Search is not a constructor
at <anonymous>:20:105
at t (construct-leaflet-map.min.js?ver=3.4.1:1:107)
at Object.push (construct-leaflet-map.min.js?ver=3.4.1:1:236)
at <anonymous>:2:83
at m (jquery.min.js?ver=3.7.1:2:880)
at $e (jquery.min.js?ver=3.7.1:2:46274)
at e.<computed>.append (jquery.min.js?ver=3.7.1:2:47633)
at editor.min.js?ver=3.20.3:3:678175
at load-scripts.php?c=0&load%5Bchunk_0%5D=underscore,jquery-core,jquery-migrate,backbone,jquery-ui-core,jquery-ui-mouse,wp-api-request,wp-polyfill-inert,regenerator-runti&load%5Bchunk_1%5D=me,wp-polyfill,wp-hooks&ver=6.5:2:8337Hello there,
Thanks for the software! I found that the search function is not working properly on my elementor, what could be the problem?
Thank you in advance
]]>Hi, I love the add-on but I have a problem.
On PC it works perfectly but in the mobile version it remains blank….
Any solution?
You can check it in the following URL https://descubreroma.com/
]]>My KML file has a set of markers in this format
<Placemark>
<name>Kingsthorpe</name>
<styleUrl>#a</styleUrl> <Point>
<coordinates>-0.9009, 52.2634,0</coordinates>
</Point>
<description><![CDATA[Methodist, from: 1979 until: Open]]></description>
</Placemark>In the pop-up for each marker I want to be able to display two of the properties.
Now I can just display one property like this:
[leaflet-kml src="https://edintone.com/wp-content/uploads/2024/03/mydata.kml" popup_property="name"]but is there a syntax for two properties, like this, and yes, it is the property with the CDATA? i.e. a format that actually works?
[leaflet-kml src="https://edintone.com/wp-content/uploads/2024/03/mydata.kml" popup_property="name","description"]The Leaflet-Map shows on The Evnets Calendar venue pages only grey: https://ackermannbogen-ev.de/veranstaltungsort/domicil-seniorencentrum-cafeteria/
But it works with on other pages, like https://ackermannbogen-ev.de/quartier/lage/
What can be done to fix this?
]]>