React Maps

0-react-maps.md

	Raster tiles	Vector tiles	GeoJSON	virtual-dom	offline	map quality	React component	React Native
google maps	+		+			good	4 unsupported	+
leaflet *	+	+	+		+/-	depends	+
d3 *			+	+/-	+/-	depends	+
MapboxGL	+	+				depends	+	+
Yandex Maps	+					depends	+
OpenLayers *	+	+	+		+/-	depends	1, 2

mapbox.js built on top of Lealet. mapbox.js and MapboxGL are different things.

* - requires tile provider or GeoJSON or TopoJSON etc.

1-react-google-maps.md

project	description	support	popularity
react-google-maps	Basically just a simple wrapper around Google Maps Javascript API
google-map-react	Can render any React component on the Google Map. It is can be rendered on a server
react-gmaps	Lazy Google Maps loading, Easy to use
google-maps-react	Companion code to the "How to Write a Google Maps React Component" Tutorial

2-other.md

project	description	support	popularity
react-leaflet	React components for Leaflet maps.
react-d3-map	interactive map, just like Leaflet!!! But BYE BYE layers!!!!
yandex-map-react
react-native-maps	React Native Map components for iOS + Android
react-map-gl	React friendly API wrapper around MapboxGL JS
react-native-mapbox-gl	An experimental React Native component for building maps with the Mapbox SDK
react-openlayers	A minimal React wrapper of OpenLayer 3+ written in TypeScript
ol-react	A thin wrapper for OpenLayers3 in React

Leaflet

• Charmatzis/react-leaflet-google

other

• !!! https://github.com/alex3165/react-mapbox-gl
• https://github.com/zcreativelabs/react-simple-maps
• https://github.com/appbaseio/reactivemaps
• https://www.mapbox.com/blog/mapbox-gl-js-reactive/
• https://www.codementor.io/thomastuts/integrate-google-maps-api-react-refs-du10842zd

3-tile-providers-and-servers.md

Tile providers

• http://wiki.openstreetmap.org/wiki/Tile_servers
• https://maptiles.xyz/
• https://switch2osm.org/providers/
• http://thunderforest.com/pricing/
• https://www.mapbox.com/
• http://maps.stamen.com/
• Leaflet basemap providers
• Bing
• https://mapzen.com/documentation/vector-tiles/

Korean

• http://map.naver.com/
• http://map.vworld.kr/map/maps.do

Chinese

• http://en.tianditu.com/
• http://gaode.com/
• https://geo-q.com/geoq/ ???

Tile servers

• http://www.paulnorman.ca/blog/2016/11/serving-vector-tiles/
• http://wiki.openstreetmap.org/wiki/Vector_tiles
• https://blogs.esri.com/esri/arcgis/2015/07/20/vector-tiles-preview/
• http://tilestache.org/doc/
• https://github.com/kartotherian/kartotherian
• https://github.com/cutting-room-floor/tilestream
• http://tileserver.org/
• http://tilestache.org/
• https://github.com/naturalatlas/tilestrata
• https://github.com/mojodna/tessera
• http://mapnik.org/
• https://switch2osm.org/serving-tiles/manually-building-a-tile-server-14-04/

4-tiles-layers-formats-protocols.md

name	image type	file type	projection	tile scheme
Vector tiles	vector	protobuf	Web Mercator	Google tile scheme
GeoJSON	vector	json
TopoJSON	vector	json
Keyhole Markup Language, or KML	vector, raster	xml + png etc.
Web Map Service, or WMS	vector, raster	svg, png etc.	Many options
Tile Map Service, or TMS	raster	png, jpg etc.	Web Mercator, WGS84, EPSG:3005	TMS
MBTiles	raster	sqlite + png, jpg	Web Mercator	TMS
OSM Mobile Binary Protocol
OpenGIS Web Map Tile Service, or WMTS

• Slippy map. Related: Web Mercator, EPSG:3857, WGS84, Bing maps about Mercator
• Web Map Service on OSM wiki
• Tile Map Service on OSM wiki
• Awesome vector tiles
• Geography Markup Language, or GML
• GPX, or GPS exchange format
• TileJSON
• BPG (Better Portable Graphics)
• XYZ vs TMS
• Google vs TMS vs QuadTree
• Quad tiles, or QuadTree see also Hilbert Curve
• OGC Standards
• PaulLeCam/react-leaflet#313
• https://www.w3.org/community/maps4html/

GeoJSON

• http://jeffpaine.github.io/geojson-topojson/
• http://mapstarter.com/
• http://www.mapshaper.org/
• https://medium.com/@mbostock/command-line-cartography-part-1-897aa8f8ca2c
• https://medium.com/@aendrew/creating-topojson-using-d3-v4-10838d1a9538
• offline map: leaflet + GeoJSON
• http://blog.webkid.io/maps-with-leaflet-and-topojson/

Projections

• Comparing Map Projections
• Map Projection Transitions
• Every Map Projection
• Airocean World
• AuthaGraph

Other

• https://github.com/stackgl/headless-gl
• https://github.com/Automattic/node-canvas
• Many points with Leaflet WebGL
• Real-Time WebGL Maps
• A Leaflet Plugin that renders Mapbox Vector Tiles on HTML5 Canvas
• Rendering Vector Map Tiles (Rust + asm.js demo)
• How Can D3.js Fulfill All Your Cartographic Desires
• http://code.highcharts.com/mapdata/
• a fast and fully featured open gis engine written in javascript
• isomorphic laeflet
• OSM Map internationalization
• https://github.com/OSMNames/
• https://github.com/openmaptiles

Icons

• https://www.mapbox.com/maki-icons/
• http://map-icons.com/
• http://osm-icons.org/wiki/Icons

Styles

• https://www.mapbox.com/help/studio-manual-styles/
• https://github.com/maputnik/editor/wiki
• https://snazzymaps.com/style/44/mapbox
• https://mapstyle.withgoogle.com/
• https://github.com/mapbox/simplestyle-spec/tree/master/1.1.0

Nearest neighbourhood

• https://github.com/spotify/annoy

Geo coding

• http://www.twofishes.net/
• https://github.com/pelias/pelias
• https://github.com/openstreetmap/Nominatim
• https://github.com/komoot/photon
• https://github.com/gisgraphy/gisgraphy
• https://github.com/datamade/usaddress
• https://geocoder.opencagedata.com/credits
• https://geocoder.opencagedata.com/api#annotations
• https://www.traccar.org/reverse-geocoding/
• https://wiki.osgeo.org/wiki/OpenGeocoder