在这篇教程中，我们将探索如何用ProtoPie Connect 的 API 插件将高德地图集成到原型中，并用上自托管媒体功能。

在这篇教程中，我们将探索如何用ProtoPie Connect 的 API 插件将高德地图集成到原型中，并用上自托管媒体功能。

欢迎来到本教程，这篇教程主要讲述如何将高德地图无缝集成到高保真原型。

通过使用 Connect API 插件和 ProtoPie 中的自托管媒体功能，可以在零代码的前提下极大增强设计的真实性与交互能力。无论你是经验丰富的设计师还是用户界面/用户体验设计上的新手，本教程都为你提供了将真实的高德地图集成到原型中所需的基本操作过程。

下面，就让我们开始这场振奋人心的征程，在零代码的前提下通过 ProtoPie 提升高保真设计效果吧。

通过高德地图 API 零代码地增强原型效果

高德地图 API 为开发者提供了一个功能强大的平台，使开发者得以将地图和基于位置的各种功能无缝集成到应用程序和网站中。这些 API 广泛涵盖了常用功能，如路径规划、地理编码，以及地理坐标转换等，但这些平台功能主要是为开发人员设计的。

如果你不是一名开发人员，那也不必多虑，作为一名设计师，用上 ProtoPie 之后你也可以轻而易举地将地图集成到原型中，并且无需涉及任何代码编写工作。这种做法可以使原型设计占据一些关键优势——你可以在设计的早期阶段就获得一个像成品一样的原型，其上具备了来自于真实世界的数据，由此你得以在早期阶段就正确地评估你的设计。ProtoPie 通过这种方式简化工作流，使设计师能够无缝地整合地图能力，并有效地验证所产出的设计。

如何获取身份验证 Key

与高德地图 API 实现集成的第一步就是先要在高德开放平台上注册、登录，并取得身份验证 Key。

访问高德开放平台，并注册一个帐户（如果此前已经注册过，可以直接登录）。如果这是第一次注册，可能会被要求填写实名信息，按照页面提示填写/上传各项资料即可。注册完成后登录该帐户。

2. 登录后进入控制台 > 管理Key

点击管理 Key 之后，会来到 “我的应用” 界面。如果这是第一次进入该界面，可以看到右侧页面是空的，需要点击“创建新应用”来创建一个应用。所要求填写的应用名称和应用类型可以任意选取，没有特殊要求。创建应用后，可以看到该应用的栏位，在栏位右上方点击“添加Key”的按钮，在弹出窗口中输入 Key 名称（要遵守其命名规范），服务平台一栏选择“Web服务”，然后勾选同意各项协议，并点击提交。

操作成功后即可看到属于你自己的身份验证 Key。在此强烈建议将该 Key 先行复制粘贴到记事本或其他的文本记录工具上，在后续环节中我们需要用到这个 Key。