react-native-maps-directions – Directions/Routing component for react-native-maps

One of the things I found missing in the aforementioned react-native-maps was the ability to route between to coordinates. Combining the feedback from the related issues on GitHub (#52, #778, and #929) I’ve created a standalone component that does exactly that. The MapViewDirections component can route between an origin and destination coordinate. As routing is […]

react-native-maps – React Native Mapview component for iOS + Android

On a React Native project I’m currently working on, I’m implementing native (vector) mapviews. Gladly there’s react-native-maps by AirBnB to handle it all. import React, { Component } from ‘react’; import MapView from ‘react-native-maps’; class MapViewExample extends Component { constructor(props) { super(props); this.state = { region: { latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, […]

MapSCII – ASCII Map Renderer for the Console

Color me impressed: MapSCII is a Braille & ASCII map renderer for your console. There’s a live version accessible via telnet on mapscii.me: $ telnet mapscii.me Panning and zooming using the mouse is supported. At the base is a vector tileset (from OpenMapTiles), with a Node app on top (written in CoffeeScript) sporting an ASCII […]

Upgrades for Google Maps Street View

Google is rolling out upgraded cars with upgraded camera rigs to capture Street View imagery. The new camera rig will help capture photos that are clearer, higher in resolution, and more vivid in color. Like the old design, the rig will attach to a vehicle’s roof, but the smaller ball on top now features just […]

Create interactive SVG maps in React with react-simple-maps

react-simple-maps is a library of React components to make SVG maps using d3-geo and topojson. react-simple-maps → Whilst looking further I’ve stumbled upon these two Medium posts detailing an implementation: How to create pure react SVG maps with topojson and d3-geo → Mapping Tutorial: Combining Victory Charts and React-Simple-Maps →

D3 in Depth: Rendering Geographic Information

D3 in Depth has dedicated a chapter to rendering geographic information. D3’s approach differs to so called raster methods such as Leaflet and Google Maps. Typically D3 requests vector geographic information in the form of GeoJSON and renders this to SVG or Canvas in the browser. D3 in Depth: Rendering Geographic Information →