Map - Point Loma Assembly

https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js

#map { width: 100%; height: 600px; }

mapkit.init({ authorizationCallback: function(done) { done('eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6Ik44N0tXWjZISlQifQ.eyJpc3MiOiIzN1ZWNzNGWUEzIiwiaWF0IjoxNTU2NjM2NTk2LCJleHAiOjE4NzE5OTY1OTZ9.GuLgey3wbBEqsRU7U6Sa5ccjgKNe_EYiVzQGymqGro-aSqYuNm_p2cyUyJCOqPN7VN5qNGiuGKIZXJd4cp9twQ'); } });

var SanDiego = new mapkit.CoordinateRegion( new mapkit.Coordinate(32.720205, -117.233714), new mapkit.CoordinateSpan(0.167647972, 0.354985255) );

var map = new mapkit.Map("map");

var MarkerAnnotation = mapkit.MarkerAnnotation; var pla = new mapkit.Coordinate(32.720205, -117.233714); // Setting properties on creation: var plaAnnotation = new MarkerAnnotation(pla, { color: "#f4a56d", title: "Point Loma Assembly", glyphText: "⦿" }); // Add and show annotation on the map map.showItems([plaAnnotation]);

map.region = SanDiego;