Foursquare + Google Maps

How to use

Download the example or clone the repo:

bash

curl https://codeload.github.com/airbnb/react-sketchapp/tar.gz/master | tar -xz --strip=2 react-sketchapp-master/examples/foursquare-maps
cd foursquare-maps

Install the dependencies

bash

npm install

Then, open Sketch and navigate to Plugins → react-sketchapp: Foursquare + Google Maps

Run it in Sketch

Run with live reloading in Sketch

bash

npm run render

Run it in your browser

bash

npm run web

Open a browser to http://localhost:3000

The idea behind the example

Creating maps with live data into Sketch is notoriously difficult — until now ;)

This example is created with react-primitives and renders simultaneously to Sketch & Web — maps are provided by react-primitives-google-static-map.