Examples

GeoJS has many features, some of which are shown off in these examples. Some of the examples are intended to showcase all of the options of a feature, such as the Tile Layer. Other examples show how real data can be visualized, such as the Hurricane Tracking Data. Each example has commented source code.

Heatmap Feature

This example shows how to add a heatmap to a map.

Deepzoom tiled image example

Rendering a tiled image using the Deepzoom protocol.

Hurricane tracking data

Explore historic hurricane paths since 1980 on an interactive map.

Annotation Layer

Add annotations, such as marked rectangles, to a map.

Choropleth plot

Add choropleth features to a map. Choropleths color each region in a set of regions based on a scalar value for each region.

Contour plot

Add contour features to a map. Contours color a region based on an array of scalar values.

GeoJSON file reader

Shows how to use geoJSON reader and use properties to adjust the style of the features. You can edit the json file while the features on the map update in response.

Feature legends

This example shows how to create a legend to describe feature styles on a map.

Line Feature

This example shows the variations that are available for line features.

Pixelmap feature

This example shows how to use a pixelmap feature. The pixelmap colors areas based on an index derived from an image and some data per index.

Polygon features

This example shows how to add polygons to a map.

Quad features

This example shows how to add dynamic quads to a map.

Reproject tiles

Shows how you can reproject tiles from one projection to another. The source tiles are in Web Mercator, but can be drawn in many different projections.

Adding styles to WMS raster layers

Rendering tiles from a WMS server by customizing the style.

Tile layer with controllable options

This example shows the options on tile layers. The code and query parameters allow even more options to be adjusted.

Using animated transitions

Using animations to transition between points on a map.

Map Widgets

This example shows how the widgets API can be used to place elements on top of the map.

Rendering tiles from a WMS server

Rendering tiles from a WMS server by customizing the tile URL of an OSM layer.