青铜修炼手册：Axure地图搜索交互

实现步骤：

1.先按下图把元件都放好

2.然后将该内联框架组件设置为：不需要滚动，以及无边框

3.将该组件默认显示为map样式

4.选择map样式后，该组件会在加载完成即展示为map样式，并且我们可以双击内联框架，将其外部链接设置为百度地图的位置，我们可以先查看一下效果

5. 将文本框命名为location-TF，然后将其设置为搜索框样式

6.通过在百度地图搜索地方，我们可以得到一条链接，如下方搜索【上海】

7.基于上一步，我们找到了百度地图URL地址中的参数位置，现在，我们只要把location-TF中的内容，在点击查询后，给到内联框架就可以了。

我们对查询按钮赋予如下事件，使得查询按钮在【鼠标点击】时，打开内联框架的链接。由于打开的链接是来自百度的，因此我们要选择打开外部链接

8.然后点击右下角的函数fx，设置变量，在打开的窗口中，我们需要设置个局部变量，使其的值等于文本框location-TF中键入的内容：

 9.然后在上面的文本框中，贴出百度地图-上海市地图的URL地址：

在贴入后，我们发现上海市不见了，这是因为对中文字转码的影响，没关系，我们对比下原来的URL地址（图2），对比出转码部分即可：

 10.通过对比：3D后面的这部分，就是被转码的上海市，我们删掉3D后面的内容，然后点击插入局部变量，将变量【LVAR1】插入进去即可：

11.完成，点击浏览一下

原型查看效果地址：https://fx7nnd.axshare.com

 原型RP文件下载地址：https://download.csdn.net/download/qq_27884377/10865914

                         想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！