Hyperlink leaflet

Labmecepel — Tue, 02 Jul 2024 12:01:22 GMT

Hello,
I was experimenting with the following example: https://rajsite.github.io/webvi-experiments/Leaflet/ and I am attempting to make the popup text a hyperlink. I have tried modifying the function in JavaScript but without success. I am unsure if it is possible to pass a hyperlink as a string using JSLI. Here is the modification I made to the original function:

const createMarker = function (configJSON) {
const config = JSON.parse(configJSON);
const options = {};
if (config.iconUrl !== '') {
options.icon = L.icon({
iconUrl: config.iconUrl,
iconAnchor: L.point(config.iconAnchor.x, config.iconAnchor.y),
popupAnchor: L.point(config.popupAnchor.x, config.popupAnchor.y)
});
}
const marker = L.marker([config.coordinate.latitude, config.coordinate.longitude], options);
if (config.popupText !== '') {
// marker.bindPopup(config.popupText);
const hyperlink = `<a href="https://www.example.com" target="_blank">${config.popupText}</a>`;
marker.bindPopup(hyperlink);
}
return marker;
};

However, it did not work. I considered an alternative where I would retrieve the coordinates from the panel where the popup text appears and make the hyperlink show up, but I also could not find a way to make this work.

Thank you in advance for your assistance.

Re: Hyperlink leaflet

MilanR — Tue, 02 Jul 2024 13:44:12 GMT

Using the Maps for WebVI example you can include links in the popup text like follows:

And they will be rendered in the popup:

Re: Hyperlink leaflet

Labmecepel — Tue, 02 Jul 2024 15:42:32 GMT

I appreciate it once again.

topic Hyperlink leaflet in G Web Development Software

Hyperlink leaflet

Re: Hyperlink leaflet

Re: Hyperlink leaflet