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.
