Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击传单标记时,如何在弹出窗口上显示图像和链接?_Javascript_Leaflet - Fatal编程技术网

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; }