Hello All,

I bind pop up with circle markers of leaflet plugin but, it's very hard to have the fingers actually target the right spot on the screen.

Please do let me know if anybody faced same problem and found solution for the same. 

Thanks & Regards

Prajakta Roshankhede

Bit of a delayed response, but you might have better luck posting your question to the support forum for the plugin...since you mention touch, I'm guessing you want mobile, which is the first one below:

Mobile: 

https://www.outsystems.com/forge/component-discussions/4890/Leaflet+Mobile+Plugin

Web:

https://www.outsystems.com/forge/component-discussions/540/Leaflet+JS+Web+Plugin

Reactive:

https://www.outsystems.com/forge/component-discussions/6907/LeafletJS+-+Reactive

Also, when posting an issue, it's helpful if you can include either steps to reproduce the issue you're seeing, or include a small OML that reproduces the issue, so others can more easily help.

G. Andrew Duthie wrote:

Bit of a delayed response, but you might have better luck posting your question to the support forum for the plugin...since you mention touch, I'm guessing you want mobile, which is the first one below:

Mobile: 

https://www.outsystems.com/forge/component-discussions/4890/Leaflet+Mobile+Plugin

Web:

https://www.outsystems.com/forge/component-discussions/540/Leaflet+JS+Web+Plugin

Reactive:

https://www.outsystems.com/forge/component-discussions/6907/LeafletJS+-+Reactive

Also, when posting an issue, it's helpful if you can include either steps to reproduce the issue you're seeing, or include a small OML that reproduces the issue, so others can more easily help.

Hello Andrew

Thank you so much for the response. I bind pop up with circle marker as per below image. But it opens only when touching on some particular point. The whole circle is not touchable. I am attaching the oml for the reference

Thanks & Regards

Prajakta Roshankhede


Solution

Again, apologies for the delay in responding. Looks like the marker is created using SVG, and the only part that's clickable is the rendered SVG circle.

A couple of options will make the circle easier to click. You can increase the stroke width of the circle by providing the desired width, in pixels in the Weight property under PathOptions (in the AddCircleMarker widget). You can also change the Fill property to True. In my testing, the latter made the entire circle clickable (testing the mobile app on web, but the results should work on mobile as well), while still keeping the center part transparent.

Solution

G. Andrew Duthie wrote:

Again, apologies for the delay in responding. Looks like the marker is created using SVG, and the only part that's clickable is the rendered SVG circle.

A couple of options will make the circle easier to click. You can increase the stroke width of the circle by providing the desired width, in pixels in the Weight property under PathOptions (in the AddCircleMarker widget). You can also change the Fill property to True. In my testing, the latter made the entire circle clickable (testing the mobile app on web, but the results should work on mobile as well), while still keeping the center part transparent.

Thanks Andrew for taking time and for all your efforts, It worked for me.

Cheers!!

Great to hear. Glad I was able to help!