Monday, July 14, 2014

Online Mapping Tools

This list is no longer maintained.  For an updated list click here.

A list with online tools and libraries for creating interactive or static maps. 


  • DataWrapper (github): An open source data visualization platform helping everyone to create simple, correct and embeddable charts in minutes.
  • DataMaps: Customizable SVG map visualizations for the web in a single Javascript file using D3.js
  • Google Code Geo Map: Javascript based map maker tool for interactive maps.
  • Mapchart.net: generate simple, color-coded maps with different continents and regions. Make your own custom Map of World, Europe, United States or UK with colors and descriptions of your choice  
  • Indiemapper: helps you make static, thematic maps from geographic data by bringing the best of traditional cartographic design to internet map-making.
  • Interactive Visited Countries: A simple tool for creating two-options map and embed it into websites.
  • Isomer: an isometric graphics library for HTML5 canvas.
  • Tabletop: Tabletop.js takes a Google Spreadsheet and makes it easily accessible through JavaScript.
  • Mapbox TileMill: Interactive map creating tools. Compatible datasources include ESRI Shapefile, KML, GeoJSON, GeoTIFF, PostGIS, CSV, and SQLite. Inspect, order, and layer your sources to build complex maps.
  • Ql_zoom: a jQuery plugin to handle image zooming.
  • Zoomify: This tool makes high-resolution images zoom-and-pan for fast, interactive viewing on the web.
  • GifMaker.me: Create animated gif images online freely and easily, no registration required.
  • Silk: an online tool that  lets you answer questions with your data by creating overviews and visualisations.
  • Scale Master: a structured diagram for organizing multiscale mapping using multiple databases and design, selection, and generalization decisions.
  • Color Brewer: helps mapmakers pick a color scheme that’s well-suited for communicating the particular type of data they’re mapping.

  • Type Brewer: a tool that gives non-specialist mapmakers a chance to explore typography in a semi-structured environment.
  • Map Symbol Brewer: easy visualization of statistical data with map symbols, especially diagrams.

  • Leaflet: an open-source JavaScript library for mobile-friendly interactive maps. t works efficiently across all major desktop and mobile platforms out of the box, taking advantage of HTML5 and CSS3 on modern browsers while still being accessible on older ones. It can be extended with a huge amount of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to. (updated on 07/27/2014)
  • ClusterMash (paid): a SaaS mapping platform to allow users to cluster their map markers. Allow users to upload metadata so they can filter, sort data and paginate results solely through ClusterMash.
  • MapWheel: an online toposcope generator. Generating a direction plaque that shows your points of interest relative to your home location. 

Data sources
  • Freebase: A community-curated database of well-known people, places, and things. (updated on 08/05/2014)
  • Natural Earth: A public domain map dataset available at 1:10m, 1:50m, and 1:110 million scales. Featuring tightly integrated vector and raster data, with Natural Earth you can make a variety of visually pleasing, well-crafted maps with cartography or GIS software.
  • CleanTOPO2: a merged bathymetric and terrestrial elevation dataset of the entire world based on SRTM30 Plus—but with fewer unsightly artifacts. It is available in three versions, each designed for a different mapping purpose.

2 comments:

  1. Hi
    I need to create a custom online map and was looking at your list above. I need to create a custom map with no street names. I think Google Maps does not allow the removal of street/town names. With the blank map I would like to add my own markers/lables etc. Do you know of a tool to do this?

    Many thanks
    Gavin

    ReplyDelete
    Replies
    1. For Google Maps you can use the style:
      style=feature:all|element:labels|visibility:off
      Here is what you will get using that with API: http://maps.google.com/maps/api/staticmap?sensor=false&size=640x640&center=Boston&zoom=12&style=feature:all|element:labels|visibility:off

      For OpenStreetMap you can use this tool to hide labels: http://toolserver.org/~osm/locale/en.html
      See this discussion: https://help.openstreetmap.org/questions/1873/how-can-i-create-a-map-without-any-names-on-it

      Delete