plmwong / sfpark-geojson

Loading data from SFpark API as GeoJSON into a Google Map.

sfpark-geojson

Simple javascript module for translating the response taken from an SFPark API (http://api.sfpark.org/sfpark) query to a GeoJSON compatible format. This can then be used with a GeoJSON compatible service or application such as Google Maps.

Usage

<script type="text/javascript" src="sfpark-geojson.js"></script>

var queryUrl = '//crossorigin.me/http://api.sfpark.org/sfpark/rest/availabilityservice?radius=3.0&uom=mile&response=json';
$.ajax({
  type: 'GET',
  dataType: 'json',
  url: queryUrl
}).done(function(data) {
  var geoJson = sfParkGeoJson.translate(data);
  //do things with geoJson
});

var map = new google.maps.Map(document.getElementById('map'), { });
map.data.addGeoJson(geoJson);

Sample

A sample Google Map using sfpark-geojson can be viewed here:

https://htmlpreview.github.io/?https://github.com/plmwong/sfpark-geojson/blob/master/public/garage-availability.html

Or here:

https://htmlpreview.github.io/?https://github.com/plmwong/sfpark-geojson/blob/master/public/parking-rates.html

If you'd rather run locally, you can run a static web server using nodejs and npm:

npm install
node .

Then browse to http://localhost:8080/garage-availability.html to view a sample Google Map using data from the SFPark API.

sfpark-geojson's Issues

Allow querying for a rate at a particular time of day

It would be useful to be able to interrogate the mapped geojson object and ask it for a rate which matches a passed in datetime. If no rate matches, then null can be returned instead.

Support rates / pricing

You can request parking location rates from the SFPark API by appending pricing=yes to the query.

This results in a RATES / RS object being populated in the results collection.

If this collection is present, it should be mapped to a corresponding geojson property/properties.