Log in to AnswerLog in to Follow
UserImage.jpg
Pratik Giri
20Views
6Comments
Solved
[LeafletJS - Reactive] How can i display a number inside my circle ?
Question
Forge
Maps
leafletjs-reactive
Reactive icon
LeafletJS - Reactive
Forge component by Vincent Koning

I am using leaflet for map and have plotted some markers on my map .then I added a circle on them and now wanna display a number on my circle . how can I achieve this ? . the number is suppose to represent total number of markers inside the circle 

0
0
23 Apr
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP
Solution

Hi Pratik,

For the mentioned use-case, you can try the appraoch mentioned in this post: https://stackoverflow.com/a/46023595

See the demo screen: LeafletJS_Circle

Refer to the attached updated oml

I hope this helps you!


Kind regards,

Benjith Sam

See solution in context
LeafletJS_Circle.oml

0
0
24 Apr

Hi where did you got the text value "OSLeafletMap" .  because after putting this value in LeaftletMapname input variable my application runs . if I put map or something else it doesn't work. 

0
0
25 Apr
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP

Replying to Pratik Giri's comment on 25 Apr 2022 15:52:22

Hi Pratik,

If you observe in the referenced component, the Leaflet block & every Client action with the LeafletMapName as the input parameter is non-mandatory, and it also has a default value set as "OSLeafletMap". 

And in our solution, in any of the instances, we didn't explicitly specify the LeafletMapName input parameter value hence the default "OSLeafletMap" will be considered.

I hope this helps!


Kind regards,

Benjith Sam

0
0
25 Apr

could you please provide OML for this?

0
0
24 Apr

here . 

circleexample.oml

0
0
24 Apr
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP
Solution

Hi Pratik,

For the mentioned use-case, you can try the appraoch mentioned in this post: https://stackoverflow.com/a/46023595

See the demo screen: LeafletJS_Circle

Refer to the attached updated oml

I hope this helps you!


Kind regards,

Benjith Sam

LeafletJS_Circle.oml

0
0
24 Apr

Hi where did you got the text value "OSLeafletMap" .  because after putting this value in LeaftletMapname input variable my application runs . if I put map or something else it doesn't work. 

0
0
25 Apr
2021-03-18 21-03-15
Benjith Sam
mvp_badge
MVP

Replying to Pratik Giri's comment on 25 Apr 2022 15:52:22

Hi Pratik,

If you observe in the referenced component, the Leaflet block & every Client action with the LeafletMapName as the input parameter is non-mandatory, and it also has a default value set as "OSLeafletMap". 

And in our solution, in any of the instances, we didn't explicitly specify the LeafletMapName input parameter value hence the default "OSLeafletMap" will be considered.

I hope this helps!


Kind regards,

Benjith Sam

0
0
25 Apr

There is a nice plugin that does what you want. Check the following links:

Repo: https://github.com/Leaflet/Leaflet.markercluster

Explanation / Demo: https://asmaloney.com/2015/06/code/clustering-markers-on-leaflet-maps/

This is not part of the current Leaflet package nor will I add it. You can however inject it yourself quite easily 

0
0
25 Apr
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.