Questions tagged [markers]

An object used to indicate a position, place, or route

Filter by
Sorted by
Tagged with
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....
user avatar
  • 310
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 ...
user avatar
  • 165
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',...
user avatar
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 ...
user avatar
  • 11
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 ...
user avatar
  • 21
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) { ...
user avatar
  • 221
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 ...
user avatar
  • 25
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 ...
user avatar
  • 101
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). ...
user avatar
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 ...
user avatar
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, ...
user avatar
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
user avatar
  • 269
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 ...
user avatar
  • 223
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 ...
user avatar
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 ...
user avatar
  • 35
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 ...
user avatar
  • 165
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 ...
user avatar
  • 22.4k
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 ...
user avatar
  • 13
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('...
user avatar
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 ...
user avatar
  • 13
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: ...
user avatar
  • 35
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 ...
user avatar
  • 61
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 ...
user avatar
  • 83
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. //...
user avatar
  • 11
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, ...
user avatar
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 ...
user avatar
  • 1
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 ...
user avatar
  • 301
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 ...
user avatar
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 ...
user avatar
  • 301
-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 ...
user avatar
  • 109
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, ...
user avatar
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']!="...
user avatar
  • 3
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 ...
user avatar
  • 7,695
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 ...
user avatar
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 ...
user avatar
  • 151
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'...
user avatar
  • 131
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 ...
user avatar
  • 1
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 ...
user avatar
  • 83
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) ...
user avatar
  • 113
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 ...
user avatar
  • 113
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 ...
user avatar
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(...
user avatar
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 ...
user avatar
  • 405
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 ...
user avatar
  • 1,009
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 ...
user avatar
  • 53
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 ...
user avatar
  • 53
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-...
user avatar
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 ...
user avatar
  • 245
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 ...
user avatar
  • 125
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 ...
user avatar
  • 125

1
2 3 4 5
9