Apple Maps Embeds Available for Websites With MapKit JS Beta

Advertisement
By Sumit Chakraborty | Updated: 7 June 2018 12:24 IST
Highlights
  • The new MapKit JS brings Apple Maps to the Web
  • MapKit JS displays a defined map area based on the developer's choice
  • Developers can also add annotations and overlays to the map to customise

When Apple introduced iOS 12 at its Worldwide Developers Conference (WWDC) 2018, Apple Maps did not receive any major updates. However, the company's MapKit team at the event said that MapKit will be launched as a Web framework for users. Apple is following the footsteps of Google Maps, which for a long time has been a popular feature that is used as an embedded map for several Web services. Notably, MapKit JS is a map component that is already used in Web services such as Find My iPhone and even the WWDC 2018 site.

Users will soon find Apple Maps embedded in sites around the Internet since the company has opened up a Web-based API for developers in beta. Until now, Apple used to keep the ability to embed Apple Maps on web browsers internal, unlike Google Maps or Microsoft Bing Maps. However, the new MapKit JS brings Apple Maps to the Web finally. The new JavaScript library lets users add interactive maps to webpages, including annotations, overlays, and interfaces to Apple Maps services such as Search and Directions.

Advertisement

Similar to the current MapKit provided to iOS app developers, the MapKit JS displays a defined map area based on the developer's choice. They can pinpoint locations in user searches, and navigational directions between two places. However, the difference between the versions is that MapKit JS is a JavaScript API that renders within a browser, instead of an app.

As mentioned, developers can now add annotations and overlays to the map to customise it. The feature comes with additional options to display a standard street map or satellite image. They can also enable or disable panning, zooming, and rotation.

Advertisement

Apple notes that MapKit JS requires authorisation via JSON Web Tokens (JWT) for initialisation and some API calls. You obtain a key used to create the token when you complete the setup in your Apple Developer account.


Will iOS 12 boost sales of affordable iPhones in India? We discussed that on Orbital, our weekly technology podcast, which you can subscribe to via Apple Podcasts or RSS, download the episode, or just hit the play button below.

 

Get your daily dose of tech news, reviews, and insights, in under 80 characters on Gadgets 360 Turbo. Connect with fellow tech lovers on our Forum. Follow us on X, Facebook, WhatsApp, Threads and Google News for instant updates. Catch all the action on our YouTube channel.

Further reading: Apple, Apple Maps
Advertisement

Related Stories

Popular Mobile Brands
  1. Vivo Y31s Launched in Malaysia With These Features
  2. WWDC 2026: Apple Unveils Siri AI With Major Apple Intelligence Upgrades
  3. Samsung Galaxy Watch Ultra 2, Watch 9 Visit China's 3C Ahead of Launch
  4. Redmi Turbo 5 Confirmed to Launch in India With This Rear Camera Setup
  5. OnePlus Could Launch a New Budget Smartphone Lineup in India Soon
  6. iQOO Neo 12 Tipped to Offer Major Display Upgrade Over Predecessor
  7. WWDC 2026: Apple Launches macOS 27 Golden Gate With Major Siri Redesign
  8. Vivo X300 FE, iQOO 15R and More Discounted During Amazon Mega Deal Days Sale
  9. Vivo V70 Lite 5G Silently Launched in Select Markets With These Features
  10. Apple Unveils iOS 27 With Revamped Siri and Liquid Glass Improvements
  1. WWDC 2026: Apple Unveils Siri AI With Major Apple Intelligence Upgrades
  2. Apple Unveils iOS 27 at WWDC 2026: Revamped Siri AI App, Faster Performance and Liquid Glass Upgrades
  3. WWDC 2026: Apple Launches macOS 27 Golden Gate With Major Siri Redesign and New AI Tools
  4. Astrophotographer Captures Giant Human-Shaped Solar Prominence
  5. Samsung Galaxy S26 FE Said to Ditch Matte Finish for a Glossy Rear Panel
  6. OnePlus N Series Tipped to Launch in India Next Month, Could Be More Affordable Than the OnePlus Nord CE 6 Lite
  7. Vivo Y31s 5G Launched With Snapdragon 4 Gen 2 Chip, 6,500mAh Battery: Price, Specifications
  8. Chinese Court Classifies Bitcoin as Property in Case Involving 107 BTC Theft
  9. Resident Evil Veronica Revealed at Summer Game Fest; Launch Set for 2027
  10. Karuppu OTT Release: When and Where to Watch Suriya’s Fantasy Action Drama Online
Download Our Apps
Available in Hindi
© Copyright Red Pixels Ventures Limited 2026. All rights reserved.