1

如何让它跨浏览器？下面引用了示例代码，在Yandex旧地图上试试，选择这个选项按钮：.ymaps-layers-pane- 可以，但是没有2.1。最好让它跨浏览器，在 IE 中不起作用

div#map {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
  filter: gray;
}
<script src="http://a159152.mcdir.ru//sites/all/themes/COSMO/2.1.js"></script>
<div id="map" style="width: 100%; height: 700px"></div>
<script type="text/javascript">
  ymaps.ready(init);
  var myMap;

  function init() {
    myMap = new ymaps.Map("map", {
      center: [51.767481084662506, 55.113224784597655],
      zoom: 16
    });

    var myPlacemark = new ymaps.Placemark([51.767481084662506, 55.113224784597655], {}, {
      iconLayout: 'default#image',
      iconImageHref: 'http://a159152.mcdir.ru//sites/all/themes/COSMO/images/icon_location_2.png',
      iconImageSize: [158, 176],
      iconImageOffset: [-69, -277]
    });
    myMap.geoObjects.add(myPlacemark);
  }
</script>

4

0 回答 0