{"id":1785768,"date":"2018-06-07T10:20:36","date_gmt":"2018-06-07T14:20:36","guid":{"rendered":"http:\/\/www.maproomblog.com\/?p=1785768"},"modified":"2018-06-07T10:20:36","modified_gmt":"2018-06-07T14:20:36","slug":"introduction-to-mapkit-js","status":"publish","type":"post","link":"https:\/\/www.maproomblog.com\/2018\/06\/introduction-to-mapkit-js\/","title":{"rendered":"Introduction to MapKit JS"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1785769\" data-permalink=\"https:\/\/www.maproomblog.com\/2018\/06\/introduction-to-mapkit-js\/apple-logo\/\" data-orig-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo.jpg\" data-orig-size=\"275,275\" 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-logo\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo.jpg\" data-large-file=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo.jpg\" class=\"alignleft wp-image-1785769\" src=\"http:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo-150x150.jpg\" alt=\"\" width=\"75\" height=\"75\" srcset=\"https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo-150x150.jpg 150w, https:\/\/www.maproomblog.com\/xq\/wp-content\/uploads\/2018\/06\/apple-logo.jpg 275w\" sizes=\"auto, (max-width: 75px) 100vw, 75px\" \/><a href=\"https:\/\/developer.apple.com\/videos\/play\/wwdc2018\/212\/\">Video and presentation slides<\/a> from Apple&#8217;s &#8220;Introduction to MapKit JS&#8221; session at WWDC yesterday afternoon. <a href=\"https:\/\/developer.apple.com\/documentation\/mapkitjs\">MapKit JS<\/a> is, <a href=\"http:\/\/www.maproomblog.com\/2018\/06\/mapkit-js-apple-maps-gets-an-api-for-websites\/\">as I mentioned Tuesday<\/a>, a method for developers to embed Apple&#8217;s maps on their websites. Apple is pitching it as a way for developers who use Apple Maps in their iOS apps to use the same maps on their websites: continuity of look and feel and all that.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Video and presentation slides from Apple&#8217;s &#8220;Introduction to MapKit JS&#8221; session at WWDC yesterday afternoon. MapKit JS is, as I mentioned Tuesday, a method for developers to embed Apple&#8217;s maps on their websites. Apple is&hellip; <a href=\"https:\/\/www.maproomblog.com\/2018\/06\/introduction-to-mapkit-js\/\">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-1785768","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":1785755,"url":"https:\/\/www.maproomblog.com\/2018\/06\/mapkit-js-apple-maps-gets-an-api-for-websites\/","url_meta":{"origin":1785768,"position":0},"title":"MapKit JS: Apple Maps Gets an API for Websites","author":"Jonathan Crowe","date":"5 June 2018","format":"link","excerpt":"MapKit has been around for a few years as an API to allow iOS developers to embed Apple's maps into their apps. What seems to be new this year is MapKit JS, which enables developers to do with Apple Maps that they've been able to do for years with Google\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-maps-mac-icon-150x136.jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1789572,"url":"https:\/\/www.maproomblog.com\/2020\/10\/duckduckgo-adds-directions-to-its-search-results\/","url_meta":{"origin":1785768,"position":1},"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":1785768,"position":2},"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":1787411,"url":"https:\/\/www.maproomblog.com\/2019\/06\/apple-maps-at-wwdc-2019-new-map-data-look-around-and-more\/","url_meta":{"origin":1785768,"position":3},"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":1833220,"url":"https:\/\/www.maproomblog.com\/2024\/07\/apple-maps-on-the-web\/","url_meta":{"origin":1785768,"position":4},"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":[]},{"id":1791235,"url":"https:\/\/www.maproomblog.com\/2021\/06\/apple-maps-updates-announced-at-wwdc\/","url_meta":{"origin":1785768,"position":5},"title":"Apple Maps Updates Announced at WWDC","author":"Jonathan Crowe","date":"9 June 2021","format":"link","excerpt":"https:\/\/www.youtube.com\/watch?v=0TD96VTf0Xs&t=1787s Upgrades to Apple Maps were announced on Monday at Apple\u2019s Worldwide Developers Conference: see coverage from AppleInsider, Engadget and TechCrunch, as well as the video of the keynote itself (the Maps section starts at 29:47). The changes will be coming to iOS 15, iPadOS 15, and macOS Monterey this\u2026","rel":"","context":"In &quot;Mobile&quot;","block_context":{"text":"Mobile","link":"https:\/\/www.maproomblog.com\/category\/mobile\/"},"img":{"alt_text":"Apple Maps on an iPhone","src":"https:\/\/i0.wp.com\/www.maproomblog.com\/xq\/wp-content\/uploads\/2021\/06\/iphone-ios15-maps-150x300.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785768","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=1785768"}],"version-history":[{"count":4,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785768\/revisions"}],"predecessor-version":[{"id":1785773,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/posts\/1785768\/revisions\/1785773"}],"wp:attachment":[{"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/media?parent=1785768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/categories?post=1785768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maproomblog.com\/wp-json\/wp\/v2\/tags?post=1785768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}