fruitymaps icon indicating copy to clipboard operation
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