Skip to content

GeoJSON.io: Add an external tile layer (The easier way)

Ryan Cooper edited this page Sep 16, 2015 · 1 revision

While GeoJSON.io does have little API that let's you call on Leaflet/Mapbox.js, it has some nice built in features. One such feature is adding outside tile layers. That's good because the maps we've georeferenced with Mapwarper can be accessed as tile layers. To add a tile layer:

  1. In Mapwarper, go to the Export tab of the map you want to add and copy the URL next to Tiles (Google/OSM scheme)
  • For example, on the 1855 map: http://mapwarper.net/maps/tile/10505/{z}/{x}/{y}.png
  1. Open a GeoJSON.io map. In the left map pane, click Meta>Add map layer
  2. A window asking for the layer URL will pop up. Paste the URL you copied from Mapwarper in there. Click OK.
  3. Another window will open up prompting you for a layer name. Give it a meaningful name. For instance, you might call the 1855 map layer 1855. Click OK.
  4. Your tile layer will be added to the map along with toggle control. Check and uncheck the control to turn your layer on and off.

Repeat this process to add other layers!