Questions tagged [markers]
An object used to indicate a position, place, or route
427
questions
1
vote
1
answer
63
views
Create custom legend control using L.ExtraMarkers.icon icons in Leaflet?
Is there any way I can add Leaflet Extramarkers to my legend? From what I googled, it seems I'll have to add an image of markers... however I was hoping I could use the ones I created.
var Icon = L....
1
vote
1
answer
39
views
Move and update a marker to a fixed coordinate
I used Leaflet and leaflet.draw-src.js with this code : http://bl.ocks.org/TetsuyaKimotsuki/0156c511e3217edf58beb206633308f8
After creating a marker, I want to move it to the coordinates indicated in ...
0
votes
0
answers
21
views
Leaflet WFS: change marker according to kind [closed]
I'm succeeding in showing a marker:
var popup = new L.Popup();
var wfstPoly = new L.WFS({
url: 'http://localhost:8080/geoserver/ows',
typeNS: 'worldmap',
typeName: 'tracks.debra.steps',...
1
vote
0
answers
31
views
Isolated marker won't be displayed when filters are applied to be the single one amongst nearby clusters
I have markers all around the world, thousands of them. In some areas more close to each others, in other areas some even have a number of countries between them.
Let's take the SINGLE marker in ...
2
votes
2
answers
34
views
Saving "on mouse click" created markers to be available after reloading the browser in Leaflet?
I have found that when I manually add a marker, the marker stays on the map even after reloading the browser page. Example:
var marker = L.marker([51.5, -0.09]).addTo(map);
However, all of my markers ...
1
vote
1
answer
62
views
Changing label position based on circle marker radius in Leaflet?
I have a circle marker var circle = L.circleMarker(latLngCoords, { radius: 5, weight: 1, color: 'black' }).addTo(map); that changes the radius based on the map zoom:
map.on('zoomend', function (e) {
...
2
votes
2
answers
111
views
Changing marker icon on click and then back to original state when click elsewhere in Leaflet?
I'm trying to get this function on my custom Leaflet map https://rodadagua.netlify.app/
I've found some very close examples and questions on here but being a complete novice unfortunately I have no ...
0
votes
1
answer
25
views
Set marker size equal to GPS accuracy with variable opacity?
I have an exported collection of iNaturalist observations which have latitude and longitude values, but also report the GPS accuracy in meters. This data is in the form of a csv file.
The accuracy ...
3
votes
1
answer
83
views
Making marker label rotate with marker using QGIS
I have an arrow marker (svg) that I use for photo location and direction on maps.
Under the arrow I want a label that is the number of the photo (photos by number are located elsewhere in a report). ...
0
votes
0
answers
51
views
Making the marker/pin point editable or moveable in Web App Builder using URL parameters in custom website
We are making a custom website that brings over variables from a form into the map, such as a facility number, which is in an iframe currently. The map is an ESRI Web App that was created using Web ...
1
vote
0
answers
38
views
Pop-Up position compared to the marker clicked in OpenLayers
I would like to center a pop-up on the marker where I click now it is moved to the right and above the marker.
I tried two methods:
Method 1:
var f = map.forEachFeatureAtPixel(
event.pixel,
...
5
votes
3
answers
210
views
Creating ellipse marker with line pattern fill in QGIS
How can I create an ellipse marker with line pattern fill in QGIS?
Like this:
I have already made simpler symbols, but there is no solution with the ellipse
1
vote
1
answer
179
views
Highlight all GeoJSON multipoints of the same feature with a click in Leaflet
update: I've got most of what I want working… clicking on a marker changes its icon and also opens a popup showing that marker's properties (from GeoJSON feature.properties). Clicking on the basemap ...
0
votes
1
answer
97
views
Load markers from a URL and update as user pans in Leaflet?
I have a webapp generating thousands of CircleMarkers on a map, and right now I just download a few MB of JSON from my server and instantiate them when the site loads. This is a lot of data to ...
2
votes
1
answer
486
views
Turn display of marker tooltips on/off in layer control in Leaflet
I want to add tooltip which will show magnitude for each earthquake epicenter and was able to make it but I have a problem that with many epicenters in one area tooltips are overlapped.
My question is ...
2
votes
1
answer
194
views
Search possibility to display filtered data with Leaflet.VectorGrid
I use Leaflet and Vectorgrid and I can display markers on the map.
I have a geojson file of around 42 000 markers of places in Morocco and I would like to filter it to display only markers with a ...
4
votes
2
answers
127
views
Get the bounding box for a QGIS point symbol
I'm looking to do some advanced label blocking for point features, based on the bounds of the symbol, rather than the point itself.
It looks like I should be able to derive this from the ...
1
vote
0
answers
259
views
Setting map view with 50 miles of radius of marker with mapbox
I have a mapbox map with a marker and I want to add a radius around it, say 10 miles.
Now I can add a circle to the map, even though I do not want to, but I cannot get it to fit the screen. I have ...
0
votes
0
answers
57
views
Error 'appendChild' when trying to open popup
I'm trying to customize the result text of Leaflet control geocoder
let searchBox = L.Control.geocoder({
geocoder: googleGeoCoderProvider,
defaultMarkGeocode: false,
}).on('...
1
vote
1
answer
137
views
Clone one marker into multiple categories in Leaflet
I use L.control for select layers. I want posted one point in different layer, like here
http://www.gistechsolutions.com/leaflet/DEMO/sports/index2.html
But here, different point from different ...
0
votes
0
answers
377
views
React leaflet marker cluster using dynamic GeoJSON
I try to use react-leaflet-cluster inside my project. I want to display GeoJSON which contains some polygons and points. The only way it works is by passing static data to GeoJSON component like this:
...
4
votes
4
answers
262
views
Turn centroid markers into points layer in QGIS
Using QGIS, I have polygons with data for multiple individuals. The individuals do not have x,y location data; they are simply located somewhere within the polygon, and the exact location is not ...
1
vote
1
answer
663
views
Change marker icon on mouseover/mouseout in Leaflet
I have a map made with Javascript, on which there are numerous points and each one of them has a specific png marker.
I managed to display all the markers correctly with the following code:
var ...
0
votes
1
answer
215
views
Leaflet marker not added to the map after click event on div element
I am trying to add a marker after performing a search, at a specific location given latitude and longitude.
For some reason, the browser runs the code but does not add the marker to the map.
//...
1
vote
1
answer
130
views
Bind tooltip to a marker as a result of turf.js distance method in Leaflet
I'm trying to simply put the results of the distance variable in the tooltip but keep getting undefined. I don't understand what's happening.
function findDistanceToCentroid(countyPolygon, ...
0
votes
1
answer
302
views
How to change the icon image when clicking off the symbol layer
In Mapbox, I can successfully swap marker images when clicking on a marker. However, I can't get it to change back when clicking an empty space on the map. This causes the pop-up to close, but the ...
1
vote
3
answers
320
views
Convert MultiLineString to one LineString
TLDR: I was not able to change the String type from MultiLineString to LineString and keep the line together but there is a way to still represent that as a symbology. So my problem is solved, but the ...
1
vote
0
answers
37
views
Adding location Marker/Pins on Google heatmap
I found a great free tool from Google for creating a heatmap at - https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap
Is it possible for the above tool to have location ...
4
votes
1
answer
209
views
Using data defined override for SVG-marker lines
After not getting enough detail on that part of my problem in this post, I am now trying in a separate question.
I am unable to do data defined override with SVG markers on a line layer. I'm not sure ...
-1
votes
1
answer
436
views
Circle with direction pointer in Leaflet
I am new to Leaflet and I am using leaflet 1.7.1.
My need is to put some custom markers on map.
I am currently using circles (as in: L.circle([lat, lon], {radius: rad}).addTo(map);) as markers (note ...
1
vote
0
answers
160
views
Removing previous markers when new markers are added
Actually, I am using leaflet map to display city markers when country is clicked. Everything works fine. But, when I click on new country, the previous country markers remain on its position. Now, ...
0
votes
0
answers
121
views
How To Show Labels marker From Database [duplicate]
I want to show labels in my maps, How to show label from database,
permanent labels
Here's my code:
<!DOCTYPE html>
<html>
<?php
session_start();
if($_SESSION['status']!="...
4
votes
1
answer
210
views
Text from attribute table as symbols (font marker?) not showing correct in legend (QGIS)
I need to place symbols (point layer) with abbreviations from a attribute table. I solved that with "font marker" and data defined override as you can see in the screenshot below. The result ...
1
vote
1
answer
251
views
Make point markers lead to a webpage link on click using Leaflet?
I would like to make my map markers lead to a webpage link on click but I'm not quite sure how to make that happen.
I'm looking for a way to make my point marker lead to a link on click, rather than a ...
1
vote
1
answer
226
views
Keep popup opened on spiderfy events with leaflet.markerClusterGroup?
With the markerClusterGroup leaflet plugin, calling the spiderfy function twice automatically closes the opened popup.
This seems to be due to this piece of code in the unspiderfy function, that is ...
2
votes
1
answer
692
views
Stop propagation of 'drag' event for marker in Leaflet
Is there a possibility to prevent Leaflet dragstart event from triggering just moment after start dragging a marker.
According to Leaflet documentation all you have to do is:
L.DomEvent.on(div, 'click'...
0
votes
1
answer
63
views
Controlling links in Leaflet markers
How to make Leaflet markers go to unique link? Currently marker.on near the bottom gets the same link for each marker. I would like it to assign the corresponding link from var data for each. Cannot ...
1
vote
1
answer
100
views
Creating categorized renderer with SVG symbols using PyQGIS
I'm trying to create a renderer with SVG symbols and I can't seem to find any example on this. Inspired from categorized renderer for regular symbols, I wrote this, but I get an error saying that the ...
1
vote
1
answer
253
views
Leaflet MarkerCluster - extra marker underneath the cluster circle before it is exploded
I am programmatically adding new markers to my map with this code:
const geojsonLayer = L.geoJSON(null,{
pointToLayer: function(feature, latlng) {
return new L.marker(latlng)
...
1
vote
1
answer
436
views
Custom marker for each category on Leaflet Mapbox
I am trying to place an image for each category I have but I can't get it to work.
I am using GeoJSON to get the data from a Wordpress.
I have tried many things but I don't know exactly where to ...
1
vote
1
answer
412
views
Leaflet Circle Rendering as Marker
I'm trying to create a map with circles of different size radii, to this end I'm trying to use the Leaflet circle class. The issue I'm having is that despite specifying circle and passing a radius the ...
1
vote
2
answers
382
views
Pop up on circle markers not working with polygons in Leaflet when using clustering
I am using two GeoJSON data, one for Multi-Polygons and another for markers (Point) in the following functions:
var basegeomap;
function loadbasemapstate() /*polygon data*/
{
basegeomap= L.geoJson(...
3
votes
1
answer
76
views
QGIS symbol placement
I have multilines (vector) with two SVG symbols. I use marker placement with interval and offset along the line. How can I set that if a symbol is some distance from the end of a line (symbolised by ...
1
vote
0
answers
52
views
OpenLayers icon interaction: feature.get(...).getImage is not a function
I try to add a hover and click interaction to the points (displayed as marker icons) I show in my map. I want to display a border around the icon that is selected/hovered. I started by using the ...
2
votes
1
answer
2k
views
Marker position in Leaflet
I use 2 markers : Icon and Tooltip.
The problem is that given the sames Lon & Lat they are not at the same position.
The Icon position is right, the tooltip position not.
This is my js code for ...
0
votes
1
answer
281
views
Adding distance markers to Leaflet track
I would like to add a kind of label every x km along a track.
x would be a parameter depending on the total distance, zero meaning no marker.
This is an example of track fly 210420.
I get it using the ...
0
votes
2
answers
1k
views
When using react-leaflet, for Marker it shows <img src=[object Module]>
When using react-leaflet with create-react-app, for Marker it shows <img src=[object Module]> in console after changing the default icon as given in here - https://github.com/PaulLeCam/react-...
0
votes
2
answers
206
views
Leaflet Icon not pointing directly on mouse position [duplicate]
I have a project where I need to add a custom marker when the user clicks on the map. I have created my own SVG in order to show this custom marker. The problem I am facing is that the marker doesn't ...
0
votes
0
answers
51
views
Displaying icon callout when no text in data field using QGIS [duplicate]
I am using QGIS.
On my maps, I have SVG Parking symbols. I need to use callouts to move them away. I have also a reference number beside many of these icons, but not all.
How best to set this up?
I ...
2
votes
2
answers
188
views
Showing marker symbol even when no value in field using QGIS
In QGIS, I have been learning a few expressions to style my trail maps but still know little and am stumped on what to use to filter my symbol data.
I am showing Parking locations on my map. I use a ...