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.
- D3.js: a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. (updated on 07/17/2014)
- Tutorial: Drawing Maps with D3.js and Other Geographical Fun
- A collection of maps and other data visualizations created with d3js
- 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.
Hi
ReplyDeleteI 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
For Google Maps you can use the style:
Deletestyle=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¢er=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