Skip to content

Instantly share code, notes, and snippets.

@jimartincorral
Forked from javisantana/frontend_cartodb_test.md
Created October 10, 2017 06:45
  • Star 7 You must be signed in to star a gist
  • Fork 4 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save jimartincorral/8ae023fc7478357a5c6a258bd389e333 to your computer and use it in GitHub Desktop.

The objective as simple is to render this dataset in a browser https://rambo-test.cartodb.com/tables/mnmappluto/public/map

The rules are:

  • no geo or rendering libraries allowed, use whatever technology you want (SVG, canvas, webgl...) but no d3, leaflet, gmaps, three.js or other mapping/rendering library. DOM, ajax and other non geo related stuff can be done with jQuery or any library you decide.
  • you need to fetch the data from CartoDB (using our SQL API)
  • rendering the basemap and the labels is not needed, just the data
  • take all the time you need to finish it

Bonus points:

  • load and rendering time is important, think how to reduce those
  • panning and zooming

Send a bl.ocks or a running html and small readme with the decisions taken. Of course, any question you have please contact me.

Thanks!

@lupeaserban
Copy link

Hi @jimartincorral,

I have fetched the data from CartoDB but depending on the query string I can have the data returned as a JSON with a property looking like this: the_geom_webmercator: "0106000020110F00000...." or as GeoJSON with the geometry as an array of coordinates. Should i be thinking of transforming the geographic coordinates to x,y coordinates for svg with plain js? Or is there a way to use the_geom_webmercator? Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment