Setting up map data with Geojson.io

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

I’d come across this website and thought it was quite interesting. You could put polylines, lines and markers on the map and get the output in geoJson format. So this could be read with a bit of coding and displayed on a map on a website.

I have just been having a wee tinker around with it, and grabbed some basic script for displaying a map on Importing Data into Maps from Google Maps and have been testing it. The code from Google Maps is about displaying Markers only and also no data that you put into the markers, but it shows the principle works.

The file that it calls is earthquake_GeoJSONP.js , so not a . geojson file, but if you look at the original file here  which displays in the web browser in Raw, youi’ll see its just a geJason file with:

eqfeed_callback( geojson file);  and then called a .js file.

The two files I used are:

MapImportJsonTest13-8-18.html  (note the html file will open a map in the browser, you’ll have to llok at page source to copy the code)

earthquake_GeoJSONP.js

So, that is pretty good. You can use geojson.io to set up the features that you want on the map and then get the geojson data file to be able to display. You’ll need to do some extra coding to be able to display the data that you want, but you have the data in the file to be able to display.

The help data is pretty handy. There is a nice feature with CSV import/export. Where you can load a CSV file. It has a couple of things you need to be aware of.

On the Markers, Lines, Polylines & Rectangles you can add extra Properties by “ADD ROW box at the bottom, to add more Data about a feature. This is good. You can then save to a CSV and then add all these new properties to all the other MARKERS (only) and bring thenm back into geojson.io .

External Geojson to CSV converter

I took the geojson and used an online converter to change it to CSV. The idea being that you could add lots of extra features to markers or polyline features more quickly in a CSV format.

It structures the data very nicely. Here it is saving the polyline, the lines and the marker feature.

Using Open> File > xxx.csv  and bringing in the file it doesn’t brings anything in with the data that I have converted using the online convert method. This is because the CSV interchange in geojson.io only works with points. So markers are fine.  Also if you go Save> CSV it will only save the points (Markers).

This is not to say that this method (after converting back to geoJson) cannot work on a map pulling in data via javascript will not work. It most probably does.

Once I cleaned out the polylines and lines from the CSV and only had the points(markers) it loaded with no trouble.

A couple of other features I want to mention. In bottom left corner there is selection of map types that you can choose. Mapbox & satellite were the only ones that worked for me.

In the Feature (Poly-line, rectangle, Line) there is another tab that gives dimensions in metric and imperial. When I looked at the CSV file, this data was not part of the output. I wonder if there is a way to access it? The only way I can see to capture this data is to create in properties add row and cut/paste the data into it.

Also, in the table tab (see screenshot below) there is a new column button to add new columns to add more data. A nice feature.

API

There is also an API to connect to. I haven’t tested this, and will need to play around with it to see what it may be used for. Another day.

End Comment

My initial reaction to this was its a really handy way to get lots of locations quickly. In Google maps you need to drop an icon then get the coordinates and copy them to where you are storing all the data.

This website lets you draw lines and poly-lines and drop markers onto maps and quickly get the json file. You can always add different marker icons, more data and different colours to your information once you have all the coordinates. Then using CSV or Excel or Sheets to do all the formatting or to push in extra data. This can then be pushed into a Database Table for exercises like the changing size, colour and symbols for condition over time on maps.

A extremely handy and accessible tool.

Add a Comment

Your email address will not be published. Required fields are marked *