Comments (1)
Hi Kristian.
I've taken a look at your StackOverflow post, but I can't see yet what's the problem. I'm not so sure it's because of polyline decorator, because it doesn't have any special event mechanism, but I may be wrong. Do you have more details on your side, like a console.log of events thrown, or something that could help the debugging? The fact that it appears only on mobile doesn't help testing it :|
If I had to make a guess, I would say that the successions of events is wrong, resulting in the tooltip being closed as soon as it gets displayed, like a mouseout is thrown directly after a mouseover. This is what I experienced on my device, I saw the first tooltip appearing very very briefly and then being hidden.
Also, by looking at your code I wonder why you use D3.js at all here, instead of native Leaflet elements. If you just need these round markers and a popup on hover/touch, you can probably do the same more simply with L.CircleMarker
and a simple <div>
you hide or show. This would simplify the code a lot (you don't have to translate elements yourself) and this would avoid two different systems of event (Leaflet and D3) from possibly conflicting.
Of course I don't know your project, maybe there are more complex animations coming after… So just ignore these comments if this is the case.
P.S.: I was there in holiday around Dubrovnik some years ago. Great memories :)
from leaflet.polylinedecorator.
Related Issues (20)
- How in leaflet add custom data to polyline?
- I'd like to ask you how to add slashes to polygons, like this
- how do i delete some arrow on the map HOT 1
- Separate colors for stroke, fill HOT 1
- Markers Color HOT 9
- Leaflet polyline decorator HOT 1
- Decorator onclick event retrieve property HOT 1
- How to disable arrow auto scale? HOT 2
- Using polylineDecorator with ant-path is not working HOT 1
- Show/Hide Polylinedecorators dynamically (based on other variable) in React Leaflet
- Is there any option to prevent collision between arrows?
- How to add multiple arrows in one line? HOT 2
- How do I make my arrowhead pointy? HOT 2
- Issue with Leaflet.PolylineOffset
- rotationAngle conflicts with Leaflet.RotatedMarker HOT 4
- L.polylineDecorator is Undefined HOT 2
- PolylineDecorator always top layer even when calling bringToBack() HOT 3
- Polyline decorator doesn't preserve the state of symbol styling HOT 1
- Problem with fullscreen control
- Problem with using method setPaths
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from leaflet.polylinedecorator.