I need to display data sets, e.g. a bunch of point-based JSON files of weather forecasts, on a not-so-detailed map. The map should not be as detailed as a full-blown Google map (with roads, names of cities, rivers, etc). However, altitude contours/shades (e.g. 100m, 500m, 1000m) and 1 level of administrative lines (e.g. state/county) should appear, as well as the labels of those. For example:
The above image and several others like that were manually generated by me on ArcGIS. Now I would like to create a WebApp, where myself or another user can simply upload a JSON file and the points are automatically plotted on a map that looks like the one above. As far as I can see there are 2 ways of displaying a map on a WebApp:
- Use existing maps made available by Google, Open Street Maps, etc.
- Use a library to draw the map using shape/JSON files (e.g. jVectorMap).
Although 2 sounds more laborious than 1, I'm inclined to going for 2, because everything I've seen from Google or OSM is way too detailed for my needs. I can imagine plotting points and drawing county boundaries from shape/JSON files is relatively trivial with map drawing libraries. What worries me is plotting the elevation contours/shades. So my questions are:
- Was it just me not looking properly for available maps? So is it possible to display a map like the one above with the likes of Google or OSM (which will make my life easier)?
- If not, and I'll unfortunately have to go with option 2, are there shape/JSON files of elevation contours ready for download on the web?