Skip to content

Instantly share code, notes, and snippets.

@AlanPew

AlanPew/index.html

Created September 18, 2020 14:58
Show Gist options
  • Save AlanPew/92aac0a6297e2030d0ee6b350d5148bb to your computer and use it in GitHub Desktop.
Save AlanPew/92aac0a6297e2030d0ee6b350d5148bb to your computer and use it in GitHub Desktop.
Download ZIP
apple
Raw
index.html
<head>
<script src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js"></script>
<style>
#map {
width: 100%;
height: 600px;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
mapkit.init({
authorizationCallback: function(done) {
done('eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IjM4Mlk4MzZKOFcifQ.eyJpc3MiOiJBbGFuIFBldyIsImlhdCI6MTYwMDQyOTU5NCwiZXhwIjoxNjA1Nzg2Mzk0LCJvcmlnaW4iOiJodHRwczovL2JsLm9ja3Mub3JnLyJ9.jSQkCPf2OgXY2QjQIdBuBqARLmGk69gfSk_NsJrpKbHcyBWVQjWNzWK-zaEP1X8bjQybqNJsgI_YK8LDkGj1TQ');
}
});
var Cupertino = new mapkit.CoordinateRegion(
new mapkit.Coordinate(37.3316850890998, -122.030067374026),
new mapkit.CoordinateSpan(0.167647972, 0.354985255)
);
var map = new mapkit.Map("map");
map.region = Cupertino;
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment