Remove label background in leaflet maps with R - r

I want to use static labels in my leaflet markers but I do not want the white background that shows with the labels. Is it possible to show only the text without the white background.
library(leaflet)
temp=data.frame(lng=c(-90,-100),lat=c(30,35))
leaflet(temp) %>% addTiles() %>%
addCircleMarkers(~lng,~lat)%>%
addPopups(~lng, ~lat,'<b>Hello, world</b>!',
options = popupOptions(minWidth = 20, closeOnClick = FALSE, closeButton = FALSE))

Adding label in addMarkers solved my problem.
library(leaflet)
temp=data.frame(lng=c(-90,-100),lat=c(30,35))
leaflet(temp) %>% addTiles() %>%
addMarkers(data=temp, ~lng,~lat,
label=~as.character(lat),
labelOptions = labelOptions(noHide = T,
textOnly = T,textsize = "28px",offset = c(12, -5)))

Yes, but you will find that it works with various degrees of success right out of the Github box. But is it pretty straight forward. You will want to use this and then with the labels setOpacity. It will affect both markers and labels.
Here is the link to a pluggin you need:
Leaflet R Pluggin & directions

Related

Adding images to maps with Leafpop

I'm trying to add separate images to popups so that as you click on each location, an image specific to that place/popup appears. I've figured out how to get one image in, but it applies to all of the popups on the map instead of just one. I have been trying to use the package leafpop for this, but I can't really figure out how to make it work. Even if I just use one image, nothing appears on the map.
This is what my code looks like for it:
library(leaflet)
library(leafpop)
img = system.file("file/image_name.jpg", package = "jpg")
leaflet(map) %>%
addTiles() %>%
addCircleMarkers(label = map#data$name,
weight = 2,
color = "grey",
fillColor = "red",
fillOpacity = 0.7)%>%
addPopupImages(img, group = "map")
I know there's some bits in there that I'm not quite doing right. At this point, I just want to know if it's even possible to do this the way I'm envisioning. Any help is appreciated.
The images need to be in a vector of the same length as the points passed to leaflet. Here is a reproducible example you can copy paste that will get you started:
library(tidyverse)
library(sf)
library(leaflet)
library(leafpop)
pts <- tibble(x = runif(10, 175, 176),
y = runif(10, -38, -37)) %>%
st_as_sf(coords = c("x", "y"), crs = 4326)
img <- glue::glue("https://github.com/IQAndreas/sample-images/blob/gh-pages/100-100-color/{11:20}.jpg?raw=true")
pts$img <- img
leaflet() %>%
addTiles() %>%
addCircleMarkers(data = pts, group = "pts") %>%
addPopupImages(pts$img, group = "pts")
Figured it out, with the help of Rich Pauloo! This is the code I ended up using the get local image files. It's a little clunky, but it worked out for me:
data_name <- readOGR("data/map_file.kml")
data_name2 <- data.frame(data_name)
pts <- st_as_sf(data.frame(data_name2),
coords = c("coords.x1", "coords.x2"), crs = 4326)
img <- c("images/picture_name.jpg") ##did this for every image I wanted to use, in the order
##that matched up with the data points I wanted them associated with.
pts$img <- img
leaflet() %>%
addTiles() %>%
addCircleMarkers(data = pts, group = "pts") %>%
addPopupImages(pts$img, group = "pts", width = 300)
Sorry if my conventions for writing out code are not quite right for the website. I just wanted to keep things generic and not include any of my file names or anything.

Creating a Leaflet map in code workbook in Foundry

Anyone created a leaflet map in Code Workbook using r-Leaflet? I have a functioning script that runs (also double checked in R) but how do I get it to visualise and then use in a Report etc. I have tried various tweaks on what may get it to run but no success - any ideas
leaflet_map <- function(map_data) {
library(leaflet)
data<-map_data
# first cut the continuous variable into bins
# these bins are now factors
data$Fill_rateLvl <- cut(data$Fill_rate,
c(0,.5,0.6,0.7,0.8,0.9,1), include.lowest = T,
labels = c('<50%', '50-60%', '60-70%', '70-80%', '80-90%','90-100%'))
# then assign a palette to this using colorFactor
# in this case it goes from red for the smaller values to yellow and green
# standard stoplight for bad, good, and best
FillCol <- colorFactor(palette = 'RdYlGn', data$Fill_rateLvl)
m<-leaflet() %>%
addTiles() %>%
addProviderTiles(providers$CartoDB.Positron)%>%
setView(lng = -0, lat = 50, zoom = 8) %>%
addCircleMarkers(data = data, lat = ~lat, lng = ~long,
color = ~FillCol(Fill_rateLvl), popup = data$Lead_employer,
radius = ~sqrt(Fill_rate*50), group = 'Fill rate') %>%
addLegend('bottomright', pal = FillCol, values = data$Fill_rateLvl,
title = 'Fill rate for next two weeks',
opacity = 1)
return(NULL)
}
I am not familiar with R in code workbook, but it sounds to me that you need to materialize your leaflet map as a dataset and then consume it in some sort of map compatible UI.
For example slate has a map widget which is backed by leaflets. You can find documentation and examples for it in https://www.palantir.com/docs/foundry/slate/widgets-map/

Shiny + Leaflet - Is it possible to add images to popups based on groups?

Currently, I have a shiny application that creates a leaflet map of species points. When you hover over a point, the species name is displayed both as a label and a popup.
leafletProxy("map", data = filteredData()) %>%
clearMarkers() %>%
addCircleMarkers(popup = ~as.character(species),
label = ~as.character(species),
radius = 6,
stroke = TRUE,
weight = 1,
fillOpacity = 5,
fillColor = ~pal(species),
color = "black")
I have read up on how to add an image to a popup, but this would add the same image to all popups. What I would like to happen is once a point is clicked, a popup appears with the name of the species and a picture (either local file or web-linked, whichever is easiest)- So that each group (species) would have its own associated picture.
Is this possible?
Yes, if you want to each group to have its own image, you need to create a new column which contains URL to your image. And the important part is to use HTML img tag in popup.
See demo below.
data <- data.frame(
lng = c(-1,0,1,2),
lat = c(-1,0,1,2),
label = c("p1","p2","p3","p4"),
# some random images I picked up from google images
# it can be both local or remote
image_link = c(
"https://jessehouwing.net/content/images/size/w2000/2018/07/stackoverflow-1.png",
"https://store-images.s-microsoft.com/image/apps.18496.14408192455588579.aafb3426-654c-4eb2-b7f4-43639bdd3d75.2c522ca4-9686-4ee2-a4ac-cdbfaf92c618?mode=scale&q=90&h=1080&w=1920",
"https://mk0jobadderjftub56m0.kinstacdn.com/wp-content/uploads/stackoverflow.com-300.jpg",
# row number 4 use the same link as row number 1
"https://mk0jobadderjftub56m0.kinstacdn.com/wp-content/uploads/stackoverflow.com-300.jpg"
)
)
library(leaflet)
leaflet(data = data) %>%
addTiles() %>%
addCircleMarkers(
lng = ~lng,
lat = ~lat,
popup = ~paste0(
"<img src='",image_link,"' width='50px' height='50px'>"
)
)
You could also replicate code from here:
https://github.com/abenedetti/bioNPS

How to use the Leaflet.MarkerCluster.PlacementStrategies subplugin in R

I'm building an interactive map in Leaflet using R, and I would like to use the Leaflet.MarkerCluster.PlacementStrategies sub-plugin to control the placement of markers within a cluster (when "spiderfied" on mouse click over the cluster), and always lay them out in a circle around the cluster icon, rather than along a spiral as it happens when there are more than 8 markers in a cluster with the standard Leaflet.MarkerCluster plugin that comes embedded in the leaflet htmlWidget. The code I'm using to build the map is something like this:
library(leaflet)
data_example <- data.frame(name = rep("site A", times = 14),
lon = rep(14.25000, times = 14),
lat = rep(40.83333, times = 14),
issue = paste("Issue", LETTERS[1:14]),
severity = sample(c("Mild", "Moderate", "Severe"), size = 14, replace = TRUE))
issues_pal <- colorFactor(brewer.pal(3, "RdYlBu"), levels = c("Mild", "Moderate", "Severe"), reverse = TRUE)
leaflet(data_example, options = leafletOptions(maxZoom = 7)) %>%
setView(lng = 8, lat = 50, zoom = 4) %>%
addProviderTiles(providers$Esri.WorldStreetMap) %>%
addCircleMarkers(
lng = ~ lon,
lat = ~ lat,
radius = 10,
color = "grey",
weight = 2,
fillColor = ~ issues_pal(severity),
#stroke = FALSE,
fillOpacity = 0.8,
label = ~ paste(issue, severity),
clusterOptions = markerClusterOptions(
spiderfyDistanceMultiplier = 1.1,
spiderLegPolylineOptions = list(weight = 0)),
group = df,
clusterId = df
)
In the map, when one clicks on the cluster icon, the markers are shown placed along a spiral path originating from the cluster. This is because the Leaflet.MarkerCluster plugin that control the clustering of markers in leaflet, place them along a circle only when there are up to 8 markers. But the Leaflet.MarkerCluster.PlacementStrategies should allow to specify a different placement strategy, and to have markers laid out in a circle even if they are more than 8, as shown in this page and here.
Since the sub-plugin is not yet included in leaflet package, I'd like to use the method highlighted here to use in R any leaflet JS plugins, but I'm struggling to find a way to make it work for my case. According to the method, I should first of all include the following in my code:
placement.strategies <- htmlDependency(
"Leaflet.MarkerCluster.PlacementStrategies",
"0.0.1",
src = c(href = "https://github.com/adammertel/Leaflet.MarkerCluster.PlacementStrategies/blob/master/dist/"),
script = "leaflet-markercluster.placementstrategies.src.js"
)
registerPlugin <- function(map, plugin) {
map$dependencies <- c(map$dependencies, list(plugin))
map
}
And then I should call registerPlugin(placement.strategies) in the leaflet pipe. However, I can't figure out how to adapt the following custom JS code to my needs:
leaflet() %>% setView(lng = 8, lat = 50, zoom = 4) %>%
# Register plugin on this map instance
registerPlugin(placement.strategies) %>%
# Add your custom JS logic here. The `this` keyword
# refers to the Leaflet (JS) map object.
onRender("function(el, x) {
L.esri.basemapLayer('Topographic').addTo(this);
}")
I've tried to simply specify in the call to addCircleMarkers() the elementsPlacementStrategy = 'one-circle' as a clusterOption within the markerClusterOptions(), but it does not work. I suspect the JS code I need to call from should somehow modify the option property elementsPlacementStrategy for the cluster, but how to do that I don't know. Can anyone help with this? Thank you in advance!
post scriptum
I have found a way around to get the circle placement without using the subplugin, that involves modifying in the leaflet.markercluster.js file the _circleSpiralSwitchover property to a number greater than 14 (that is the number of markers I have in the cluster). While this workaround achieves the result I wanted, it is sub-optimal, because unless I decide to modify the default .js file that is located in:
/Library/Frameworks/R.framework/Versions/3.2/Resources/library/leaflet/htmlwidgets/plugins/Leaflet.markercluster
I would need to remake the edit on the .js file every time I export the map with saveWidget.

Leaflet map preventing browser scroll

Whenever the mouse pointer is hovering over a leaflet map, the browser does not scroll up or down. This happens even when I affix minZoom and maxZoom to an equal value. Is there a solution to this?
php.poverty.map.2009 <-
leaflet(options = leafletOptions(minZoom = 12, maxZoom = 12)) %>%
addProviderTiles("CartoDB.Positron") %>%
addPolygons(data = php.df.polygon.2009,
fillColor = ~php.pal.2009(percent),
color = "#b2aeae", # must use hex colors
fillOpacity = 0.7,
weight = 0.3,
smoothFactor = 0.2,
popup = php.popup.2009) %>%
addLegend(pal = php.pal.2009,
values = php.df.polygon.2009$percent,
position = "bottomright",
title = "Percent of Households <br> Living below Poverty <br> (Census, 2009)",
labFormat = labelFormat(suffix = "%"))
php.poverty.map.2009
In my second attempt at answering this question I came across the leaflet.extras package which implements a selection of leaflet plugins in R. One of these is the Leaflet.Sleep plugin which can be implemented by adding the suspendScroll() function to your leaflet map in R.
Basic Example
First, install leaflet.extras using devtools::install_github('bhaskarvk/leaflet.extras').
library(leaflet)
library(leaflet.extras)
leaflet() %>%
addProviderTiles("CartoDB.Positron") %>%
suspendScroll()
See this page for an example.
A Leaflet map has a documented scrollWheelZoom option that allows you to disable scrollwheel interactions (but still allows other ways to zoom the map, such as the zoom buttons).
In plain Javascript, this is used like var map = L.map({ scrollWheelZoom: false }). I'm not well versed in R, but you should try leaflet(options = leafletOptions(scrollWheelZoom = false)) or variations thereof.
I think your zoom options might need to go in the providerTiles function. I.e. addProviderTiles("CartoDB.Positron", options = providerTileOptions(minZoom=12, maxZoom=12))

Resources