fruitymaps
fruitymaps copied to clipboard
Source code for fruitymaps.com - Apple Maps in your browser
Fruitymaps
Source code for fruitymaps.com - Apple Maps in your browser
Why?
Apple hinted at the existence of an Apple Maps API on their WWDC-minisite. I took a closer look and discovered that by stubbing the bootstrap file, you can get this to work on any website
How?
When calling mapkit.init()a bootstrap configuration file is loaded from an Apple-server. This does not work when calling this from your own domain.
However, you can supply your own bootstrapUrlin the configuration object passed to mapkit.init(), making it easy to stub this file. Like I did in this gist.
Why Meteor?
Because their tooling (ES6-support, React-support, transpiling, ...) simply beats everything else.
Running locally
-
Clone this repo
-
Install Meteor
curl https://install.meteor.com | /bin/sh -
Run
meteor --settings settings.json
Mapkit API
Initializing
var map = new mapkit.Map('map');
Creates a map in the div with id "map".
Methods
TODO