打开Axure的时候，我猜你多半跟我第一次一样，盯着那个空白画布发呆。产品经理做原型，画个框框、连条线、加点交互，这些都不难。但老板或者甲方突然来一句“这里要放个真实地图”，整个人就懵了。去百度搜“Axure怎么做地图”，出来的教程要么是几年前的版本早就过时，要么是那种要你写代码的，看两行就劝退。实际上，把高德地图嵌进Axure，压根不需要你会写一行JavaScript，也不需要你有设计基础。你只需要搞清楚高德地图开放平台和Axure之间那个“内嵌浏览器”的关系，剩下的事就是按图索骥。

咱们先解决最核心的问题：地图到底是怎么出现在Axure里的。高德地图开放平台提供一种叫“JavaScript API”的东西，它本质上是一串代码，你把它嵌入网页，网页上就能显示地图。而Axure里有一个元件叫“内联框架”（Inline Frame），它的作用就是在你的原型里嵌入一个完整的网页。所以思路就清晰了——你要做的，不是用Axure画地图，而是用高德生成一个显示地图的网页链接，再把那个链接塞进内联框架里。就这么简单，中间不需要任何编程，纯粹是复制粘贴的工作。

具体怎么操作，我一步一步来拆解。第一步，打开高德开放平台，注册登录之后，进入“控制台”，创建一个“应用”。这里要注意，创建应用时会让你填“Key”，这个Key就是你的通行证，相当于高德确认你是合法用户的一个凭证。你创建好应用之后，平台会给你一个Key，把这串字符复制下来。第二步，去高德开放平台找到“JavaScript API”的示例页面，那里有现成的代码模板，你只需要把模板里的Key替换成你自己的，然后保存成一个HTML文件。如果你连文件都懒得建，高德官方也提供在线调试工具，直接在那个页面上填Key，生成一个网址。

这步做完，你已经拥有了一个能显示地图的网址，把它复制下来。接下来回到Axure，从左侧元件库里拖一个“内联框架”到画布上，大小随意，你之后可以调。选中这个内联框架，在右侧的“属性”面板里找到“链接到”或者“Url”这一栏，把刚才复制的网址粘贴进去，回车。你预览一下，地图就出来了，还能拖动、缩放，跟你在高德App里用的体验一模一样。整个过程不超过三分钟，你甚至不需要理解那串代码是什么意思。

但光显示一张静态地图，肯定不够。你接下来要加交互，比如点击地图上的某个点，弹出个气泡显示地址信息。这就要回到高德开放平台，在代码模板里找“添加标记点”和“信息窗体”的示例。你把这些示例代码复制到你的HTML文件里，替换掉原来的默认代码，再把网址重新生成一遍，回到Axure里刷新内联框架。注意，Axure的内联框架有时会有缓存，你改了网址内容它不更新，解决办法很简单——在网址后面加个“?v=1”之类的参数，强制它重新加载。

到了这一步，你可能已经发现了，这个玩法的核心在于你愿意去高德开放平台复制多少代码。比如你想在地图上画一条路线，就找“驾车路线规划”的示例；你想让地图定位到某个城市，就找“城市定位”的代码。每一个功能，高德都提供了现成的Demo，你只需要复制、替换Key、保存、复制网址、粘贴到Axure里，这个循环就是全部流程。我见过不少产品经理，误以为要学“编程”才能搞定，其实你只是做了一个搬运工的工作。

这里有个坑必须提醒你。高德地图的JavaScript API是分版本的，有的版本需要你在网页里引入一个外部链接，也就是所谓的“加载脚本”。如果你的HTML文件里没有正确引入这个脚本链接，地图就显示不出来。最简单的方法，直接复制高德官方模板里的完整代码，不要自己去精简或者调整，很多人就是手贱删了一行觉得没用，结果地图白屏。还有一点，Key分“Web端”和“移动端”，你嵌入Axure原型用的是Web端，别选错，否则也会报错。

再往深一层说，Axure原型里的地图，本质上是“交互演示”，不是“真实业务”。所以你在做高保真原型给老板看的时候，地图上的标记点、气泡、路线，这些都要提前在代码里写死。比如你想演示用户点击某个门店弹出详细信息，那你在代码里就得把门店坐标和详情内容写好。这反而比真实开发简单，因为你不用接后端数据，所有东西都是静态的。这也就意味着，你只需要学会“改参数”，不需要会“写逻辑”。

其实你回顾一下整个过程，“Axure怎么做地图”这个问题的答案，就是三个步骤：去高德拿Key、生成一个带地图的网页、用内联框架嵌进Axure。这三个步骤里的每一个，高德都有官方文档和现成示例，你不需要记忆任何代码，只需要知道去哪个页面找什么。我见过最夸张的一个同行，把高德地图的实时路况功能、卫星图切换、甚至3D建筑都搞进了Axure原型，他的做法跟我说的没区别，就是多复制了几段代码而已。

给你一个土办法，如果你实在懒得去高德开放平台折腾，还有个捷径——用高德地图网页版的分享功能。你在高德网页版上搜一个地点，点分享，会生成一个短链接，把这个链接直接填进Axure的内联框架，也能显示地图。只不过这种方式没法自定义标记点，只能展示固定位置。适合那种只要求“看起来有张地图”的场合。但要是你追求那种“点击有交互”的演示效果，还是得按我前面说的去开放平台弄Key、改代码。

千万别被“代码”两个字吓住。你在Axure里设置交互时，那些条件判断、变量赋值，本质上跟代码逻辑差不多，你早就在做了。高德地图嵌入这事，只是把这种逻辑搬到了一个HTML文件里，你依然是那个做交互的人。下次再有人问你“Axure怎么做地图”，你直接把这篇文章甩给他，然后告诉他：三分钟搞定，别去搜那些过时教程了。