Question

我想知道是否有可能有两种完全不同的弹出式样式。以下是一个示例：Solid Transparent 我想彼此独立地使用这两种风格。例如，具有矩形的纯色背景和标记的透明度。这是将其更改为透明的代码：

.leaflet-popup-content-wrapper {
    background: #D3D3D3;
    background: transparent;
}

感谢您提供有关此菜鸟的任何信息：）

编辑：我试图通过在我的弹出窗口中添加一个类来建议@ n0m4d，但它似乎没有做任何事情：

JS：

var popup = L.popup({className: 'pareina'})
    .setLatLng([0, 0])
    .setContent("I am a standalone popup.")
    .openOn(map);

CSS：

.pareina{
    background: black;
}

EDIT2：我设法让它发挥作用，这就是我所做的：

JS：

var popup = L.popup({className: 'pareina'})
    .setLatLng([0, 0])
    .setContent("I am a standalone popup.")
    .openOn(map);

CSS这是我做的事情有点不同：

.pareina .leaflet-popup-content-wrapper{
    background: transparent;
}

基本上我将.leaflet-popup-content-wrapper作为.pareina的子元素，并且它有效！ :)谢谢你帮助@ n0m4d

Answer 1

根据传单的js docs，您可以将类名传递到弹出选项中：

className选项：要分配给弹出窗口的自定义类名。

所以你的代码看起来像这样：

var popup = L.popup({className: 'leaflet-popup-content-wrapper' })
             .setLatLng(latlng)
             .setContent('<p>Hello world!<br />This is a nice popup.</p>')
             .openOn(map);

同时具有两种不同的传单弹出样式

1 个答案: