Axure插入ArcGIS地图或天地图

在ArcGIS Online中，使用天地图当作底图创建webmap，再用webappbuilder或者Experience builder或者Dashboards做好地图页面发布（有经验的还能增加底图切换、地名地址搜索、书签等微件），然后在Axure的内联框架元件中输入发布好的地图地址。

正文完，以下都是废话。

最近需要做一个地理信息系统的原型，原来简单点的，我都是直接用ArcGIS的webappbuilder直接做，但是这次需求比较复杂，地图只占一小部分，wab内置模板就那么点，限制太多，又没时间学习使用开发者版本，所以领导建议我用专业的原型软件Axure，这是背景。

之前从来没用过Axure，第一版，利用默认元件，所有地图和统计图都截图搞定，先让文字需求可视化。

侧面说明一开始领导对我的要求还是比较低，感谢领导给我时间让我成长，所以我得对自己有要求是吧， ᕕ(ᐛ)ᕗ

于是，我下载了一个图表元件（此处应有表情包），可以编辑中继器中的数据，自动绘制统计图，原型发布后鼠标悬停，会有数据标签出现。赶紧把所有统计图更新一遍，但是，这个元件有个缺点，表头不能输入中文，而且标注颜色是灰色，想要改，需要在另外一个中继器继续修改参数，改了两处也没见变化，暴躁。赶紧百度其他方法，发现Axure可以插入Echarts图表！由于本人不懂js，中间也有很多曲折，此处不表，最终找到了简单易懂的教程，把所有统计图更新成Echarts。

然后百度怎么在Axure中插入动态地图，结果告诉我可以插入百度或者高德地图，但是！要用html！！大学里学的早还给老师了，难道又要重新学？麻烦！

突然想起Echarts里也能插入地图，那是不是说明我直接在Echarts做好，然后再引入到Axure也可以！！（成功插入Echarts让我膨胀了）又开始百度教程。重复的很多，有用的就几个，都是要使用js或者json，我不懂呀！而且，即使在Echarts中做好，引入到Axure中原来的统计图js模板还不能照搬，短时间又学不会js，生自己的气！这条路不通，pass。只能再回头看怎么在Axure中插入百度或高德地图。

认真看了教程，发现用高德示例页面的html转换一下，就能引入到Axure！！！我裂开了！早知如此，何必让js折磨我这么久。能加入地图了，好开心，然后加入其他元件，预览，Enm…为什么我加的元件不显示，地图直接全屏了？！！然后请教同事，html中怎么控制显示范围，学会啦，改代码，预览，（内心咆哮）为什么地图显示在我设置的范围中，其他元件还是不显示！！

心累，接着百度。终于发现自己之前一直忽略的一个步骤——内联框架，只有使用内联框架元件，才能在指定的元件位置插入地图。

于是我在Axure页面中拖入了一个内联框架元件，开始配置样式，添加框架目标，在fx函数中输入之前编写好的html，预览，终于成功插入动态地图，开心！然后，（到这里我其实还没真正反应过来）等等，写fx函数那里不是还能写URL？？那我直接输入百度地图的地址呢？重新改配置，预览，成功！！还能直接用百度的查找功能，哇，我可真的是个小机灵鬼！

三秒钟过后（重点来了啊！前面讲了那么多，终于讲到最关键的重点了！要用抓狂到极致的心情咆哮后面的话。）我机灵个鬼呀，既然能直接引用现成的地图页面，我为什么不用ArcGIS的webappbuilder发布的地址！！好多微件还能直接用！！！而且这是自己最拿手的！！！简直想原地爆炸！！这一天我到底在干什么！！差点都要重新学html了！！！（咆哮结束）

最后再安利一波ArcGIS的Experience builder，之前只看了简介，当时就觉得搭建应用界面会比webappbuilder更灵活，但是一直没时间深入研究，这次创建wab的时候，看见online能创建Experience builder，时间充裕，所以点开看了看，哇，简直打开了新世界大门，简直就是地理信息系统界的Axure。这次原型中需要一个地图轮播的功能，原本是想用Axure的动态面板加wab做，但是wab每次切换都要等待加载，在Experience里翻到了轮播微件，做好发布，再通过内联框架插入到Axure中，完美。

Axure插入ArcGIS地图或天地图相关推荐

arcgis加载天地图_【arcgis地图实战】之天地图在线服务加载
经常用arcgis的童鞋都知道,元数据是基础也是数据分析的根本.而在线地图能够快速的显示数据所在的位置,是数据校验不可多得的工具.arcgis地图实战系列教程将就各种在线地图进行介绍和分享. 在线地图 ...
ArcGIS中添加谷歌地图、天地图、高德地图、Bing...在线地图（附插件下载）
很久之前我们推荐过好两款ArcGIS在线地图插件,这个链接:我把谷歌地图.高德地图.天地图.Bing-都装进了ArcGIS 不知道什么情况最近多了不少留言: 看到留言后我们立马重新安装查看. 当时推荐 ...
ARCGIS地图导出问题
ARCGIS地图导出问题问题来喽!我们如何做一幅信息齐全的地图并且将其导出呢? 图1-1标准地图样式首先,我们需要做出一张漂亮的地图 ! 第一步:添加数据.如图2-1,点击布局,添加数据,将我们的 ...
arcgis制图之天地图符号样式配置
由于地图样式是字符库格式,其制作过程用到了相应的字符库,因此需要先安装相应的字体库,位置如下: 进入字体库后,选中所有字体,右键点击安装. 安装完成后,将天地图样式拷贝到arcgis默认的地图符号库. ...
vue + ArcGIS 地图应用系列三：添加常规的地图组件
为了页面的美观,这里我们使用的UI库为: Ant Design Vue 项目源码仓库地址:https://github.com/LuckRain7/arcgis-api-for-javascript- ...
ArcGIS加载天地图底图服务（附个插件）
公众号[一点规划]原文链接 ArcGIS加载天地图底图服务(附个插件)https://mp.weixin.qq.com/s/ojElwAMYrjF7dc_IYu8J9A 之前我一直单独用的山东的天地图 ...
在网页中插入百度地图
在网页中插入百度地图如果想在自己的网页上面加入百度地图的话,可以用百度地图的api. 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/creatmap/ ...
内网环境下预览ArcGIS地图服务
内网环境下预览ArcGIS地图服务文章目录内网环境下预览ArcGIS地图服务 1.背景 2.解决方案 2.1下载ArcGIS API for JavaScript 2.2本地部署ArcGIS AP ...
在网页中插入百度地图的那些事
在公司做项目的时候,做一个联系我们的页面,需要在页面插入百度地图,由于使用bootstrap框架开发的,所以会在ie和火狐出现问题(显示不出来),bootstrap.css样式里面包含地图的属性,把d ...
在网页中插入百度地图(实例)
步骤 1 2 3 如何在网页中插入百度地图呢? 2.切换城市,搜索需标注位置.(如下图方法/步骤 1.进入:http://api.map.baidu.com/lbsapi/creatmap/(创建地 ...

Axure插入ArcGIS地图或天地图

Axure插入ArcGIS地图或天地图相关推荐

最新文章

热门文章