Javascript 单击传单标记时,如何在弹出窗口上显示图像和链接?
目前,我有以下代码,用于在单击标记时在弹出窗口上显示图像:Javascript 单击传单标记时,如何在弹出窗口上显示图像和链接?,javascript,leaflet,Javascript,Leaflet,目前,我有以下代码,用于在单击标记时在弹出窗口上显示图像: const marker3 = L.marker([22.78257, -94.5612], {icon: redIcon}).on('click', onClick2).addTo(map); // When click on red marker, open popup with the image function onClick2(e) { popupContent = document.createElement(&
const marker3 = L.marker([22.78257, -94.5612], {icon: redIcon}).on('click', onClick2).addTo(map);
// When click on red marker, open popup with the image
function onClick2(e) {
popupContent = document.createElement("img");
popupContent.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Stack_Exchange_logo_and_wordmark.svg/375px-Stack_Exchange_logo_and_wordmark.svg.png";
marker3.bindPopup(popupContent, {
maxWidth: "auto"
});
}
我还想在弹出窗口上显示一个指向图像的链接,这样当单击时,它可以在浏览器的新选项卡上显示全尺寸。最好是对链接进行编辑或其他操作,这样它就不会占用屏幕上太多空间。像下面这样更改弹出内容,这样您就可以灵活地更改弹出内容了?链接应该在您的环境中工作
另外,我认为onClick函数是不必要的
常数src=https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Stack_Exchange_logo_and_wordmark.svg/375px-Stack_Exchange_logo_and_wordmark.svg.png;
const popupContent=document.createElementdiv
popupContent.innerHTML=
+
const map=L.map'map'.setView[10,20];
const marker=L.marker[10,20].bindPopup
弹出内容,
{maxWidth:auto}
.addTomap;
地图{
高度:360px;
}