Adding Popups and Storing your Map

To make our map more informative we can add popups. To add popups that appear when a marker is clicked we need to specify the popup argument in the addMarkers() function. Once we have a map we would like to preserve, we can store it in an object. Then we can pipe this object into functions to add or edit the map's layers.

dc_nyc <- 
    leaflet() %>% 
        addTiles() %>% 
        addMarkers(lng = -73.98575, lat = 40.74856, 
                   popup = "DataCamp - NYC") 

dc_nyc %>% 
    setView(lng = -73.98575, lat = 40.74856, 
            zoom = 2)

Let's try adding popups to both DataCamp location markers and storing our map in an object.

This exercise is part of the course

Interactive Maps with leaflet in R

View Course

Exercise instructions

Add the popup argument to addMarkers() to display the value in the hq column and store the leaflet map in an object called map.
Center the view of map on the Belgium HQ with a zoom of 5 and store it in map_zoom.
Print the map_zoom object.

Hands-on interactive exercise

Have a go at this exercise by completing this sample code.

# Store leaflet hq map in an object called map
 ___ <- leaflet() %>%
          addProviderTiles("CartoDB") %>%
          # Use dc_hq to add the hq column as popups
          addMarkers(lng = dc_hq$lon, lat = dc_hq$lat,
                     popup = ___$___)

# Center the view of map on the Belgium HQ with a zoom of 5 
map_zoom <- ___ %>%
      setView(lat = 50.881363, lng = 4.717863,
              zoom = ___)

# Print map_zoom
___

Edit and Run Code

Interactive Maps with leaflet in R

BeginnerSkill Level

4.6+

22 reviews

Chapter 1 will introduce students to the htmlwidgets package and the leaflet package. Following this introduction, students will build their first interactive web map using leaflet. Through the process of creating this first map students will be introduced to many of the core features of the leaflet package, including adding different map tiles, setting the center point and zoom level, plotting single points based on latitude and longitude coordinates, and storing leaflet maps as objects. Chapter 1 will conclude with students geocoding DataCamp’s headquarters, and creating a leaflet map that plots the headquarters and displays a popup describing the location.

Exercise 1: Introduction to leaflet Exercise 2: Loading the leaflet Library Exercise 3: Creating an Interactive Web Map Exercise 4: Map Tiles Exercise 5: Provider Tiles Exercise 6: Adding a Custom Map Tile Exercise 7: Setting the Default Map View Exercise 8: A Map with a View I Exercise 9: A Map with a Narrower View Exercise 10: Plotting DataCamp HQ Exercise 11: Mark it Exercise 12: Adding Popups and Storing your Map

Current Exercise

In Chapter 4 students will learn to map polygons, which can be used to define geographic regions (e.g., zip codes, states, countries, etc.). Chapter 4 will start by plotting the zip codes in North Carolina that fall in the top quartile of mean family incomes. Students will learn to customize the polygons with color palettes and labels. Chapter 4 will conclude with adding a new layer to the map of every college in America that displays every zip code with a mean income of $200,000 or more during the 2015 tax year. Through the process of mapping zip codes students will learn about spatial data generally, geoJSON data, the @ symbol, and the addPolygons() function. Furthermore, students will have an opportunity to practice applying many of the options that they learned about in the previous chapters, such as popups and labels, as well as new ways to customize their maps, such as the highlight option in addPolygons().

Exercise 1: Spatial Data Exercise 2: Introduction to Spatial Data Exercise 3: Exploring Spatial Data Exercise 4: Joining Spatial Data Exercise 5: Mapping Polygons Exercise 6: addPolygons() Function Exercise 7: NC High Income Zips Exercise 8: addPolygon() Options Exercise 9: Let's do some Logging Exercise 10: Putting it All Together Exercise 11: Wealthiest Zip Codes in America Exercise 12: Final Map Exercise 13: Thank you!