How do I add a Maps place card to my website?

Asked on 2024-07-30

1 search

To add a Maps place card to your website, you can use the new low-code solution provided by MapKit. Here are the steps to do it:

  1. Go to the Developer Website: Visit developer.apple.com/maps and click the resources link in the top right.

  2. Create a Map: On the resources page, scroll down and find the "Create a map" tool. Select the new web embed button to customize an embedded map with your place ID, developer token, and other settings.

  3. Generate HTML: Once the map displays what you want, you can quickly copy the generated HTML snippet.

  4. Embed the Map: Paste the HTML snippet onto your website to get a beautiful map without writing a single line of JavaScript.

For more detailed information, you can refer to the session Unlock the power of places with MapKit at the 02:41 timestamp.