Customization icons with settings in Javascript

You can customize your icons in the admin backend: /wp-admin/admin.php?page=extensions-leaflet-map&tab=elevationwaypoints

iconSize and more options you can customize in the settings. Javascript is generated from this.

I admit that and the documentation is complicated, but I have not found another solution. I will change my example page to show this settings.

I followed exactly the instructions you describe, but nothing happens with this code in Settings: iconSize: [50,50], iconAnchor: [5,5], popupAnchor: [5,-5], in Javascript box for my icon.

Do you have a link to a test page?

Yes : https://www.alpes-sud-photos.com/dev/test-pour-divi/

Try [elevation .... wptIcons=defined ....]. I see, I must write a better documentation.

I’ve been there before, a very nice place ??

Thank you Hupe13. I am not a coding specialist. Can you specify the syntax of the code to use. I don’t know how to include my text. Maybe like this? : [elevation-waypoint-icon.localisation wptIcons=defined iconSize: [50,50], iconAnchor: [5,5], popupAnchor: [5,-5]]

Thank you for my test page but it’s just an example…

I mean: To display the map with an elevation profile you are using the shortcode [elevation ....]. Has this shortcode command the option wptIcons=defined in it?

No, my shortcode doesn’t command this option (wptIcons=defined). Here’s my shortcode :

[leaflet-map fitbounds scrollwheel]
[layerswitch providers="Thunderforest"]
[elevation gpx="https://www.alpes-sud-photos.com/dev/wp-content/uploads/2023/01/GR4_ETAPE_24_5.gpx"]
[fullscreen]
[zoomhomemap]

<style>
.elevation-waypoint-icon.localisation:before {
	background: url(https://www.alpes-sud-photos.com/dev/wp-content/uploads/2023/01/localisation.png) no-repeat 50%/contain;
}
.elevation-waypoint-icon.icon-jaune:before {
	background: url(https://www.alpes-sud-photos.com/dev/wp-content/uploads/2023/01/icon_jaune.png) no-repeat 50%/contain;
}
</style>

Write: [elevation gpx="https://www.alpes-sud-photos.com/dev/wp-content/uploads/2023/01/GR4_ETAPE_24_5.gpx" wptIcons=defined]

• This reply was modified 2 years, 1 month ago by hupe13. Reason: typo

Great it works, thank you very much hupe13.