Javascript 如何向传单标记添加下拉列表?

Javascript 如何向传单标记添加下拉列表?,javascript,leaflet,Javascript,Leaflet,我正在制作一张单张地图,上面有一些标记和路线。当点击一个标记时,我需要显示一些选项,比如“删除”,“在这里停留15分钟”,等等 我现在要添加到传单中的是一个通过标记的弹出窗口()。我想我可以重新设置弹出窗口的样式,使其看起来像我想要的那样,但是使用我的自定义HTML会更容易,因为我只想在单击标记后看到下拉列表。只需在bindPopup方法中添加一个带有HTML的select标记 var-map=L.map('mapid').setView([51.505,-0.09],13); L.tileL

我正在制作一张单张地图,上面有一些标记和路线。当点击一个标记时,我需要显示一些选项,比如“删除”,“在这里停留15分钟”,等等


我现在要添加到传单中的是一个通过
标记的弹出窗口()
。我想我可以重新设置弹出窗口的样式,使其看起来像我想要的那样,但是使用我的自定义HTML会更容易,因为我只想在单击标记后看到下拉列表。

只需在bindPopup方法中添加一个带有HTML的select标记

var-map=L.map('mapid').setView([51.505,-0.09],13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
var popupContent=`
删除
在这里停15分钟
`;
L.标记([51.5,-0.09])。添加到(地图)
.bindPopup(弹出内容)
#mapid{
高度:500px;
}


方法不错!但是,我希望标记本身触发下拉列表,这样我就不必看到下拉列表以外的任何内容。到目前为止,这是我将使用的方法:对不起,你没有澄清这一点!因此,您只希望看到下拉列表,而不希望看到弹出式容器。对吗?如果是案例检查,您是否检查了前面评论中的演示?我按照你的要求更新了代码是的。您只是使弹出窗口透明。仍然需要两次单击。我不想要select元素,我想在标记所在的位置添加我自己的HTML代码段。