在传单(R)中添加叠加图像时,如何添加组名?

2vuwiymt  于 2023-03-10  发布在  其他
关注(0)|答案(1)|浏览(114)

我想在R中的传单Map上叠加一张图片,在Overlay image on R leaflet map中找到了一个很好的例子,下面是Andrew Reid的示例代码:

m <- leaflet() %>%
  addTiles() %>%  # Add default OpenStreetMap map tiles
  addMarkers(lng=-74.22655, lat=40.712216, popup="Bottom Right Corner") %>%
  htmlwidgets::onRender("
      function(el, x) {
        console.log(this);
        var myMap = this;
        var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg';
        var imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];

        L.imageOverlay(imageUrl, imageBounds).addTo(myMap);
      }
      ")
m  # Print the map

我的问题是如何添加这个图像层的组名,以便我可以显示/隐藏像1https://rstudio.github.io/leaflet/showhide.html)传单Map层。

k7fdbhmy

k7fdbhmy1#

我解决这个问题的方法是让图像具有交互性,并在点击它时改变其不透明度:

let vis = 0.95
      let img = L.imageOverlay(imageUrl, imageBounds, {opacity:vis, interactive: true});
      img.on('click', function(d) {
            vis = 1-vis;
            this.setOpacity(vis);
      });

      img.addTo(myMap)

相关问题