主页 / 问题 / 1413938
Accepted
TinturSoft
Asked:2022-07-26 18:54:35 +0000 UTC2022-07-26 18:54:35 +0000 UTC

使 Yandex 地图变暗而不变暗 iconImage

  • 772

鉴赏家，需要帮助。我正在设计一个 Yandex 地图，地图上有 iconImage 标记。告诉我，如何为地图设置过滤器，同时标签保持其颜色？这是地图结构： https ://codepen.io/tintursoft/pen/MWQORMN

<div class="yandexMapa" id="yandexMapa_86">
html css

2 个回答

  1. Best Answer

    选项 1：对包含实际地图片段的图层应用过滤器：

    .ymaps-2-1-79-ground-pane {filter:brightness(0.5);}

    选项 2：为地图图层（我没有费心计算真实尺寸）或地图片段创建一个伪元素。它可以被赋予背景颜色、图像或内容：

    .ymaps-2-1-79-ground-pane ymaps[class]:before /* только у тайлов карты в этом слое есть класс */ {
  display:block;
  content:'';
  background-color:rgba(255,0,0,0.25);
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
}

    不要忘记类型类的元素.ymaps-2-1-79-ground-pane可以有其他数字——要么你需要知道它们，要么使选择器复杂化。所以一切都很容易。

    • 0

  2. 最简单的选择是添加一个比您需要的地图区域更大的巨大半透明矩形。API 中的多边形的ZIndex 为 200 - 位于背景和标记之间。这意味着这样的多边形将使用您需要的阴影选项覆盖地图，使标记保持不变。

    myRectangle = new ymaps.Rectangle([[0, 0],[70, 179]], {}, {
    fillColor: '#808080',
    fillOpacity: 0.5
});
myMap.geoObjects.add(myRectangle)
    • 0

相关问题