This is an example of Webgl picking data points on a google map using readPixels. Pedro Sousa's  Displaying WebGL data on Google Maps  was very helpful. Mouseover a point to see the city name.

# Haml Coffee Sinatra

This is an example [Sinatra](https://github.com/sinatra/sinatra) application based on the
[Sinatra Asset Pipeline](https://github.com/petebrowne/sinatra-asset-pipeline) example application  to show the
usage of [Haml Coffee Assets](https://github.com/netzpirat/haml_coffee_assets).

## Run the app

Clone the app, switch to the directory and run:

```
bundle install
bundle exec rackup
```

Now visit [http://http://localhost:9292/](http://localhost:9292/) top see it in action.

## Compile client side templates

This example uses [Guard](https://github.com/guard/guard) with
[Guard Sprockets2](https://github.com/stevehodgkiss/guard-sprockets2) to compile the client side templates.

Run guard with:

```
bundle exec guard
```

This is an example of Webgl picking data points on a google map using readPixels. Pedro Sousa's  Displaying WebGL data on Google Maps  was very helpful. Mouseover a point to see the city name.

Live demo: http://codepen.io/mikefab/full/yhEfu/


Server: 

# Haml Coffee Sinatra

This is an example [Sinatra](https://github.com/sinatra/sinatra) application based on the
[Sinatra Asset Pipeline](https://github.com/petebrowne/sinatra-asset-pipeline) example application  to show the
usage of [Haml Coffee Assets](https://github.com/netzpirat/haml_coffee_assets).

## Run the app

Clone the app, switch to the directory and run:

```
bundle install
bundle exec rackup
```

Now visit [http://http://localhost:9292/](http://localhost:9292/) top see it in action.

## Compile client side templates

This example uses [Guard](https://github.com/guard/guard) with
[Guard Sprockets2](https://github.com/stevehodgkiss/guard-sprockets2) to compile the client side templates.

Run guard with:

```
bundle exec guard
```

Add link to live demo
Add link to live demo
