Skip to content

Maps on the Web

September 29, 2023
April 23, 2016

GeoServer Cookbook - Stefano Iacovella - Google Books

Viewer

My study focuses on adding interactive annotations over the large image.

OpenLayer

Custom Interactions
Raster icon will keep the same size upon zoom
Vector graphic will zoom with map

Annotorious - Image Annotation for the Web source supports OpenLayer by default

Leaflet

Canvas Interaction
JS Bin - Collaborative JavaScript Debugging

mapbox/awesome-vector-tiles: awesome implementations of the Mapbox Vector Tile specification

Maps with Leaflet, TopoJSON & Chroma.js
Minimalist leaflet map example | GIS-Blog.com

Read Leaflet Tips and Tricks | Leanpub

kepler.gl

kepler.gl
keplergl/kepler.gl: Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.


Projection

Proj4js by proj4js
proj4js/proj4js: JavaScript library to transform coordinates from one coordinate system to another, including datum transformations
kartena/Proj4Leaflet: Smooth Proj4js integration with Leaflet.

GeoJSON

GeoJSON

Using GeoJSON with Leaflet - Leaflet - a JavaScript library for interactive maps
Interactive Choropleth Map - Leaflet - a JavaScript library for interactive maps

mbostock/topojson: An extension to GeoJSON that encodes topology.

Others

H3 by Uber
S2 Geometry | S2Geometry
kepler.gl