{"id":1785755,"date":"2018-06-05T08:50:43","date_gmt":"2018-06-05T12:50:43","guid":{"rendered":"http:\/\/www.maproomblog.com\/?p=1785755"},"modified":"2018-06-07T10:33:11","modified_gmt":"2018-06-07T14:33:11","slug":"mapkit-js-apple-maps-gets-an-api-for-websites","status":"publish","type":"post","link":"https:\/\/www.maproomblog.com\/2018\/06\/mapkit-js-apple-maps-gets-an-api-for-websites\/","title":{"rendered":"MapKit JS: Apple Maps Gets an API for Websites"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1785757\" data-permalink=\"https:\/\/www.maproomblog.com\/2018\/06\/mapkit-js-apple-maps-gets-an-api-for-websites\/apple-maps-mac-icon\/\" data-orig-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon.jpg\" data-orig-size=\"600,544\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"apple-maps-mac-icon\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon-300x272.jpg\" data-large-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon.jpg\" class=\"alignleft wp-image-1785757\" src=\"http:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon-150x136.jpg\" alt=\"\" width=\"83\" height=\"75\" srcset=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon-150x136.jpg 150w, https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon-300x272.jpg 300w, https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-maps-mac-icon.jpg 600w\" sizes=\"auto, (max-width: 83px) 100vw, 83px\" \/>MapKit has been around for a few years as an API to allow iOS developers to embed Apple&#8217;s maps into their apps. What seems to be new this year is <a href=\"https:\/\/developer.apple.com\/documentation\/mapkitjs\">MapKit JS<\/a>, which enables developers to do with Apple Maps that they&#8217;ve been able to do for years with Google Maps, OpenStreetMap, MapBox and even the Ordnance Survey: embed the maps on their websites. <a href=\"http:\/\/googlemapsmania.blogspot.com\/2018\/06\/mapkit-apples-new-mapping-api.html\">Keir Clarke runs through the services and limitations of the API<\/a>: notably, it requires an <a href=\"https:\/\/developer.apple.com\">Apple Developer<\/a> account ($99\/year) to use. It&#8217;s still in beta, so everything is subject to change; in the meantime, Vasile Co\u021bovanu has whipped up a <a href=\"https:\/\/github.com\/vasile\/mapkit-js-demo\">demo<\/a>. [<a href=\"http:\/\/googlemapsmania.blogspot.com\/2018\/06\/mapkit-apples-new-mapping-api.html\">Maps Mania<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>MapKit has been around for a few years as an API to allow iOS developers to embed Apple&#8217;s maps into their apps. What seems to be new this year is MapKit JS, which enables developers&hellip; <a href=\"https:\/\/www.maproomblog.com\/2018\/06\/mapkit-js-apple-maps-gets-an-api-for-websites\/\">More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"autoblue_enabled":true,"autoblue_custom_message":"","autoblue_shares":[],"autoblue_post_url":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[114],"tags":[600,83,1127],"class_list":["post-1785755","post","type-post","status-publish","format-link","hentry","category-web-mapping","tag-apple","tag-apple-maps","tag-developer-tools","post_format-post-format-link"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1785768,"url":"https:\/\/www.maproomblog.com\/2018\/06\/introduction-to-mapkit-js\/","url_meta":{"origin":1785755,"position":0},"title":"Introduction to MapKit JS","author":"Jonathan Crowe","date":"7 June 2018","format":"link","excerpt":"Video and presentation slides from Apple's \"Introduction to MapKit JS\" session at WWDC yesterday afternoon. MapKit JS is, as I mentioned Tuesday, a method for developers to embed Apple's maps on their websites. Apple is pitching it as a way for developers who use Apple Maps in their iOS apps\u2026","rel":"","context":"In &quot;Web Mapping&quot;","block_context":{"text":"Web Mapping","link":"https:\/\/www.maproomblog.com\/category\/web-mapping\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo-150x150.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1787411,"url":"https:\/\/www.maproomblog.com\/2019\/06\/apple-maps-at-wwdc-2019-new-map-data-look-around-and-more\/","url_meta":{"origin":1785755,"position":1},"title":"Apple Maps at WWDC 2019: New Map Data, Look Around and More","author":"Jonathan Crowe","date":"7 June 2019","format":"link","excerpt":"Apple announced new features coming to Apple Maps at their Worldwide Developers Conference earlier this week. Said features include the rebuilt map data previously announced for iOS 12 (previously: Apple Maps Data Being Completely Rebuilt for iOS 12; A Look at the Rebuilt Apple Maps) but, as they announced this\u2026","rel":"","context":"In &quot;Mobile&quot;","block_context":{"text":"Mobile","link":"https:\/\/www.maproomblog.com\/category\/mobile\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2019\/06\/apple-maps-look-around-1024x519.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2019\/06\/apple-maps-look-around-1024x519.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2019\/06\/apple-maps-look-around-1024x519.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2019\/06\/apple-maps-look-around-1024x519.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1789572,"url":"https:\/\/www.maproomblog.com\/2020\/10\/duckduckgo-adds-directions-to-its-search-results\/","url_meta":{"origin":1785755,"position":2},"title":"DuckDuckGo Adds Directions to Its Search Results","author":"Jonathan Crowe","date":"23 October 2020","format":"link","excerpt":"Privacy-focused search engine DuckDuckGo, which added Apple Maps to its search results in early 2019, has taken the next step and added walking and driving directions to those maps. Like the maps, the directions use Apple\u2019s MapKit JS framework. [Daring Fireball]","rel":"","context":"In &quot;Mobile&quot;","block_context":{"text":"Mobile","link":"https:\/\/www.maproomblog.com\/category\/mobile\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1787003,"url":"https:\/\/www.maproomblog.com\/2019\/01\/duckduckgo-now-uses-apple-maps-in-search-results\/","url_meta":{"origin":1785755,"position":3},"title":"DuckDuckGo Now Uses Apple Maps in Search Results","author":"Jonathan Crowe","date":"15 January 2019","format":"link","excerpt":"Google integrates its maps into its search results: synergy! What, then, is scrappy upstart search engine DuckDuckGo, which makes a point of not tracking its users, to do in response? Answer: use Apple Maps. \"We're excited to announce that map and address-related searches on DuckDuckGo for mobile and desktop are\u2026","rel":"","context":"In &quot;Mobile&quot;","block_context":{"text":"Mobile","link":"https:\/\/www.maproomblog.com\/category\/mobile\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1786087,"url":"https:\/\/www.maproomblog.com\/2018\/08\/google-maps-changes-api-pricing-competitors-respond\/","url_meta":{"origin":1785755,"position":4},"title":"Google Maps Changes API Pricing, Competitors Respond","author":"Jonathan Crowe","date":"8 August 2018","format":"link","excerpt":"Earlier this year Google Maps changed the terms of its API and in the process jacked up its prices, leaving web developers to consider other alternatives. These include (among others) OpenStreetMap, which posted a switching guide in June; Apple, which announced its API for websites that same month; and Here\u2026","rel":"","context":"In &quot;Industry&quot;","block_context":{"text":"Industry","link":"https:\/\/www.maproomblog.com\/category\/industry\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1833220,"url":"https:\/\/www.maproomblog.com\/2024\/07\/apple-maps-on-the-web\/","url_meta":{"origin":1785755,"position":5},"title":"Apple Maps on the Web","author":"Jonathan Crowe","date":"25 July 2024","format":"link","excerpt":"Apple announced yesterday that Apple Maps is now available on the web as a public beta. Prior to this it was mostly available through its iOS, iPad and Mac apps, except that developers have been able to embed Apple\u2019s maps on their websites through the MapKit JS API for several\u2026","rel":"","context":"In &quot;Web Mapping&quot;","block_context":{"text":"Web Mapping","link":"https:\/\/www.maproomblog.com\/category\/web-mapping\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/comments?post=1785755"}],"version-history":[{"count":5,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785755\/revisions"}],"predecessor-version":[{"id":1785774,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785755\/revisions\/1785774"}],"wp:attachment":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/media?parent=1785755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/categories?post=1785755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/tags?post=1785755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}