根据使用Mapbox GL JS单击的图层的不同,对弹出窗口进行不同的样式设置

根据使用Mapbox GL JS单击的图层的不同,对弹出窗口进行不同的样式设置,mapbox,mapbox-gl-js,mapbox-gl,Mapbox,Mapbox Gl Js,Mapbox Gl,我目前正试图根据弹出窗口所在的图层为其提供不同的背景(即,我有一个名为“土著站点”的图层,我希望弹出窗口的背景与其他图层不同) 我尝试过给弹出窗口一个类名,但我不知道如何在CSS中正确地调用它 下面是我的html文档中的弹出脚本示例(用于两个不同层弹出窗口的脚本): 我如何分配弹出窗口不同的类名,并在CSS中调用它们,以便每个层都有不同的背景 非常感谢您的任何意见 类名是一个CSS类名,将应用于弹出式容器(其中包含“mapboxgl popup content”元素)。因此,如果您希望您的“其他

我目前正试图根据弹出窗口所在的图层为其提供不同的背景(即,我有一个名为“土著站点”的图层,我希望弹出窗口的背景与其他图层不同)

我尝试过给弹出窗口一个类名,但我不知道如何在CSS中正确地调用它

下面是我的html文档中的弹出脚本示例(用于两个不同层弹出窗口的脚本):

我如何分配弹出窗口不同的类名,并在CSS中调用它们,以便每个层都有不同的背景


非常感谢您的任何意见

类名是一个CSS类名,将应用于弹出式容器(其中包含“mapboxgl popup content”元素)。因此,如果您希望您的“其他本地站点”层具有黄色弹出窗口,您可以这样做:

.mapboxgl-popup-content {
    overflow-y: scroll;
    background-color: #000000;
}

.popupCustom .mapboxgl-popup-content {
    background-color: yellow;
}

但是请注意,这个功能只是非常简单,我认为它还没有发布。(它不在列表中)。

(我不理解“太广泛”的投票结果。这个问题非常具体。)谢谢!我想这是它应该如何格式化,但它似乎没有工作!因此,它还没有发布是有道理的:)我能够找到一种解决方法,在我的内容周围的setHTML中放置一个带有类的div。再次感谢!:)
.mapboxgl-popup-content {
overflow-y: scroll;
background-color: #000000;
}
.mapboxgl-popup-content {
    overflow-y: scroll;
    background-color: #000000;
}

.popupCustom .mapboxgl-popup-content {
    background-color: yellow;
}