Code Monkey home page Code Monkey logo

vecnik's Introduction

Venik with OSM London

VECNIK

Veknik is a JS library that render features from CartoDB using HTML5 on top of Modestmaps. It includes an implementation of the Carto language for dynamically styling features using its CSS language.

This is a prototype implementation to showcase the use of Carto for rendering maps on the client, not on the server. The library retrieves vector data from CartoDB using the SQL API on geojson format.

Warning: This is all experimental!

Examples

Check out this online examples for OpenStreetMap data:

London roads from OpenStreetmap

Police stops in NY NYC districts

How to run it

Download the project. It is all JS for the client, but you will need to run it from an http server, file:// would fail. It can make use of Webworkers to speed up rendering and parsing, but it is now disabled because of problems on Google Chrome.

What is this interesting for?

Having the browser render the style of the geospatial data allows for a new world of possibilities in terms of interactivity and display. Think for example you can animate render based on attributes without having to reload new tiles. At the same time the geometries are on the browser which enables things like hover over features, highlights, modifications. More examples will come to demonstrate the power of using Carto on the client.

Credits

This project is only possible because of lot of other people releasing their source code as Open Source, particularly the Mapbox team who did a great work on Carto.

vecnik's People

Contributors

jatorre avatar javisantana avatar tokumine avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vecnik's Issues

How to do styling on points?

Can you please post an example of how to style points?

I was using:

    var shader = new VECNIK.CartoShader({
        'point-color': '#f00',
    });

but somehow it doesn't seem to get activated.

Thanks!

License is missing

There's no information available under which license this project is available.

Cheers,
Volker

Examples - not working except map_Leaflet.html

Hi,

It seems that your examples are not working in Firefox and Chrome except map_Leaflet.html which uses Cloudmade and Apple maps.

How do you fix this problem?

Is example suppose only to work in Safari Mac OS X?

I am using ubuntu linux at the moment.

This one (below) does not work in Firefox and Chrome as well in Ubuntu.
http://vizzuality.github.com/VECNIK/examples/ny_districts_animated.html#12/40.6692/-73.9855

I will try to boot Mac OS X and see if the examples are working in Safari.

Complexity limit for features in the Custom Renderer

Using the sketch-style custom renderer as a template, I tried to implement a version using my own CartoDB dataset. However, the vector never renders as the SQL times out. There may be some limit to the complexity of the features rendered in this way; the table I tried to use is a set of continent boundaries imported from a 3MB shapefile, in which the coastlines are fairly detailed.

I'll manually simplify the geometries and try again, but could something else be going wrong with SQL syntax?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.