Skip to main content

All Questions

0 votes
0 answers
325 views

Angular Leaflet add numbers to custom iconUrl markers

I want to add numbered markers in Leaflet map , though Im using custom images as markers iconUrls , the numbers doesn't feet with the custom icons this is my code. this.marker1 = marker([...
anfieldspirit's user avatar
0 votes
1 answer
81 views

Problem looping through marker.layers and changing only one CCS layer properties

I have several markers on a map. They load and add and remove well but I cant change one CSS element on just one marker, I can find the layerm. If I loop through the layers but find the correct one ...
KidfromCov's user avatar
0 votes
0 answers
80 views

How to make custom text ID appear at the center of marker a icon in Leafletjs

Am working with LeafletJS web mapping library where I want my point ID/text to appear centered on the marker icons. This is what I wanted, my point text on the the marker icons like this:- I tried ...
Umar Yusuf's user avatar
1 vote
2 answers
4k views

How do I change the marker color in a leaflet cluster?

I am using openstreetmap and lealfet. I want to change the color of the marker in the cluster. That is, there is an array of coordinates. var addressPoints = [ [62.26763, 74.47733, "CAR", 1],...
Сергей Смирнов's user avatar
4 votes
3 answers
11k views

How to add text below a marker in leaflet?

I created some markers on leaflet map but the only problem is that i dont know how to add a text below each marker and im not talking about popups. What I mean is that the text below the marker has to ...
Jackson_Stake's user avatar
0 votes
1 answer
79 views

CSS text line issue

I'm working my own map with leaflet.js. When I typing the name of markers, there is some problem with text line. enter image description here .leaflet-tooltip-small { font-size: 11px; text-align: ...
devraa's user avatar
  • 1
0 votes
0 answers
157 views

Make marker animate to double in size on click

I am trying to make a lealet divIcon change size when it is clicked on. I have tried adding CSS but it does not work. I have a basic fiddle made to show the custom divIcon but no sure whether to add ...
larry chambers's user avatar
7 votes
2 answers
21k views

Leaflet Marker Tooltip centered

I want to display the tooltip centered (inside) of the marker. Background I want to display a count for each marker (first -> last) and I've found out I could do that with tooltip (Any better ...
0x45's user avatar
  • 799
7 votes
1 answer
7k views

Leaflet custom icon resize on zoom. Performance icon vs divicon

I was trying to resize my custom icons when zooming in leaflet. I came up with two solutions for this. One using the L.Icon tag, the other one using L.divIcon. In both examples I only set 1 marker and ...
PSZ_Code's user avatar
  • 1,045
-1 votes
1 answer
931 views

Javascript - Leaflet markers not showing [duplicate]

I've been trying to find solutions for this basic problem without any success. document.addEventListener('DOMContentLoaded', function () { showMap() }) var map; function showMap() { map = L....
Tirvax's user avatar
  • 35
0 votes
0 answers
2k views

Creating map in Leaflet with numbered pins or markers

Objective I have a Leaflet map of roughly 25 points where the order of the points is important and I'm trying to make the numbered order visible. Currently the data for each of the points and their ...
Mary Yacoubian's user avatar
0 votes
1 answer
3k views

Photo Marker Inside Circle in Leaflet [closed]

I am making map with Leaflet. I want the default marker to be replaced with the Image of mine, so I want Image Marker. The Image Marker should be inside the Circle and the outline of the Circle should ...
Biplov Bhandari's user avatar
1 vote
1 answer
562 views

Can't move caret/cursor inside textarea in Leaflet map marker?

I have a LeafLet map where I've created a marker consisting of a divIcon with custom html creating a textarea, basically: <textarea placeholder="New text"></textarea"> Clicking on the ...
gusjap's user avatar
  • 2,465