Overlay Statische Bilder auf R Leaflet htmlwidget

Question

Es ist möglich, ein Bild zu R-Prospektkarten - oder vielleicht in der Broschüre html - zu überlagern, die über der Karte selbst fixiert bleiben würden?

Das Bild wird also nicht auf der Karte gerendert, sondern im Ansichtsfenster des Browsers fixiert, sodass beim Schwenken oder Zoomen dieselbe Größe an der gleichen Position erhalten bleibt.

Zum Beispiel, ich möchte auf der oberen linken einer Karte this image, fest zu überlagern mit den folgenden R-Code gemacht:

library(htmlwidgets) 
library(leaflet) 

m <- leaflet() %>% 
    addTiles() %>% 
    addMarkers(lng=174.768, lat=-36.852, popup="The birthplace of R") 

saveWidget(m, file = "m.html", selfcontained = F) 

Answer 1

Sie können dies tun, mit addLogo() von Paket mapview.

library(htmlwidgets) 
library(leaflet) 
library(mapview) 

img <- "https://www.r-project.org/logo/Rlogo.svg" 

m <- leaflet() %>% 
    addTiles() %>% 
    addMarkers(lng=174.768, lat=-36.852, popup="The birthplace of R") %>% 
    addLogo(img, url = "https://www.r-project.org/logo/") 

m 

Answer 2

Im HTML können Sie eine mit einem hohen z- hinzufügen index - der das Innere über das htmlwidget legt.

Für das obige Beispiel, einschließlich der folgenden HTML über dem HTMLWidget-Container überlagert das Bild.

<div style="position:fixed;top:0px;left:0px;z-index:11000;"> 
<img src="https://www.r-project.org/logo/Rlogo.svg"/> 
</div> 

Answer 3

Ich weiß, das eine Broschüre Frage ist, aber ich wollte sehen, ob es mit googelway und add_overlay() gearbeitet - und es tut:

library(googleway) 

map_key <- 'my_map_key' 

google_map(key = map_key) %>% 
    add_overlay(north = -36.852, east = 174.768, west = 174.668, south = -36.952, 
      overlay_url = "https://www.r-project.org/logo/Rlogo.svg")