Axure中利用JSBOX制作3D高德地图组件

已于 2024-11-06 16:50:22 修改
阅读量1.7k 收藏 3
点赞数 1
分类专栏： Axure 文章标签： axure
于 2023-03-18 15:23:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_31483645/article/details/129591567
版权
本文介绍了如何在Axure中利用JSBOX组件制作3D高德地图。首先，需添加JSBOX组件并注册高德开发者账号获取API Key。接着，通过编辑JSBOX代码并替换Key以引入高德地图。最后，调整JSBOX容器尺寸以优化地图显示。通过这个教程，读者将学会在JSBOX中贴入代码、调整容器尺寸以及生成高德三维地图。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

JSBOX 是一个面向 Axure 提供便捷开发方式的组件，我们将用它来制作可以显示三维白模的高德地图组件，下面是制作步骤，可以先 点击此处预览效果

1. 添加 JSBOX

将JSBOX标准版组件拖进Axure，可以见到JSBOX的载体就是一个空白的中继器：

2. 编写代码

注：不想了解代码的童鞋请到文末直接下载完成后的3D地图组件

准备工作

首先我们需要到 高德开发者中心 注册高德开发者账号生成 Web端的JS API Key，你会得到一串字符，等会生成高德地图的时候需要用到这串 Key。

引入高德地图

让我们双击JSBOX组件进入编辑模式。在文

最低0.47元/天 解锁文章
Axure中利用JSBOX制作3D高德地图组件（进阶）
qq_31483645的博客
03-18 1660
JSBOX 是一个面向 Axure 提供便捷开发方式的组件你可以用 JSBOX 制作其他零代码配置的交互式组件。
Axure插入ArcGIS地图或天地图
Q的博客
11-02 2896
Axure中插入地图 在ArcGIS Online中用webappbuilder或者Experience builder做好地图页面发布，然后在Axure的内联框架元件中输入发布好的地图地址。 正文完，以下都是废话。 最近需要做一个地理信息系统的原型，原来简单点的，我都是直接用ArcGIS的webappbuilder直接做，但是这次需求比较复杂，地图只占一小部分，wab内置模板就那么点，限制太多，又没时间学习使用开发者版本，所以领导建议我用专业的原型软件Axure，这是背景。 之前从来没用过Axure，第一
Axure 3D教程：制作3D地图原型（三维世界地图）.docx
05-30
Axure 3D教程：制作3D地图原型（三维世界地图）.docx
【Axure高保真原型】动态地图路线
最新发布
mushe93的博客
04-29 417
今天和大家分享动态地图路线的原型模板~~~
Axure 手机地图组件库
06-09
提供Axure工具用于手机原型设计的地图组件。包含图标、动态曲线等
Axure的地图元件库5.5制作
12-19
Axure的地图元件库，5.5制作，只能在5.5下面导入，其他版本无法使用。
Axure中继器组件化GIS地图
司马沉潇的专栏
04-23 4707
虽然可以使用JavaScript注入的方式将GIS地图嵌入Axure，但每次使用地图都需要重复嵌入并修改代码，不太方便。那么，能不能实现组件化呢？我们可以使用中继器（repeater）将常用的地图参数提取出来，通过使用中继器来实现GIS地图的组件化。
Axure9使用高德地图自定义样式无效（非密钥问题）
m0_56355206的博客
12-26 300
使用Axure9制作静态网页时，虽然可以调用高德地图，但是发现不能使用自定义样式。
axure9制作游戏地图
03-31
引用2是关于使用JSBOX制作3D高德地图组件，这可能涉及到地图的交互和3D效果，这对用户的问题应该非常相关。引用3讨论了交互样式，这对于创建地图的交互功能很重要。 接下来，我需要整合这些信息，构建一个分步骤的...
Axure嵌入Gis地图--javascript (js)注入
司马沉潇的专栏
12-07 2182
Gis是软件信息化的重要模块，因此Axure也会常引用地图，特别是在做数据可视化。常用的方式是通过内联框架，但是这种方式样式和地图内容都无法修改。本文以高德地图为例介绍如何通过js注入实现自定义Gis地图的嵌入。 本文详情地址： 1、地图构建 打开高德地图API官网，由于是通过js注入的方式进行嵌入。所以选取了异常加载地图方式，这样加载可以更加丝滑。示例地址https://lbs.amap.com/demo/javascript-api/example/map-lifecycle/asynchronou.
Axure数据可视化图表组件库(AxureUX图表+地图)
06-28
作品名称：Axure数据可视化图表组件库 作品类型：组件类 主要适用：Web端 软件版本：Axure 8.0 一套数据可视化图表通用组件库，主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成，其中包含了几十种常用图表类型和全国34个省级行政区地图，可以满足大部分的原型设计图表展示需求。 Antv静态图表整理自蚂蚁数据可视化团队发布的相关图表设计资源，支持文字、色彩等元素修改。动态图表来自于Axhub Charts，支持图表配置和动态展示效果，详细的配置说明请查看下方链接。地图组件元素来自于Datav全国地图选择器，支持背景颜色、边框等元素修改。 axure axure图表 axure全国省市地图 axure动态图表 折线图柱状图饼图 axure axure图表 axure全国省市地图 axure动态图表 折线图柱状图饼图 axure axure图表 axure全国省市地图 axure动态图表 折线图柱状图饼图 axure axure图表 axure全国省市地图 axure动态图表 折线图柱状图饼图
Axure地图搜索交互
12-21
效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/85146788
axure元件库_常用元件库_axure元件_（兼容Axure9）ElementUI元件库_大合集_中国地图axure组件
03-03
包括library.ant.design_Mob、library.ant.design_Web_3.0、Material Design lcon Library、refs-chart-data图表元件库、Refs数据图表元件库、 、内部控件库AntD_Library、常用图标-SZ、蚂蚁金服体验中心WEB端元件库、微信小程序WEUI AXURE组件、中国地图axure组件、
Axure数据可视化图表组件库(AxureUX整理).rar
11-16
本作品是由AxueUX整理的一套数据可视化图表通用组件库，主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成，其中包含了几十种常用图表类型和全国34个省级行政区地图，可以满足大部分的原型设计图表展示需求。Antv静态图表整理自蚂蚁数据可视化团队发布的相关图表设计资源，支持文字、色彩等元素修改。动态图表来自于Axhub Charts，支持图表配置和动态展示效果，详细的配置说明请查看下方链接。地图组件元素来自于Datav全国地图选择器，支持背景颜色、边框等元素修改。
Axure最全组件库
03-21
Axure最全组件库 10PX Android.rplib android widget by YEFAN.rplib Android手机外壳及UI组件库.rplib Android组件库.rplib Axure RP社交网络元素库.rplib AxureRP-win7phone-AxureRP-Library.rplib Axure反馈表单.rplib Axure图标 (16x16).rplib Axure图标(32x32).rplib Better Defaults .rplib ClearTextValueOnFocus_conetrees.rplib Content.rplib DGI_touchscreen_handgestures.rplib facebook-like.rplib icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib JQuery Mobile.rplib Mobile-android_DSK (2).rplib Mobile-android_DSK.rplib mobile-iPhone-Horizontal.rplib mobile-iPhone-UI.rplib modest_mouse_cursors.rplib Sharing.rplib Shopping.rplib Slider_Library_by_truematter.rplib social_media_icons_vim_interactive.rplib Tabs.rplib VoteFor_Smileys_(erric).rplib WidgetLib_v1.rplib win7phone-Library.rplib.rplib 图标组件库.rplib 图表和表格.rplib 导航和分页.rplib 屏幕分辨率.rplib 幻灯片.rplib 广告位.rplib 广告位标准尺寸组件库.rplib 手机-General.rplib 手机-iPhone.rplib 手机-iPhone_Y!DSK.rplib 控制条.rplib 操作系统元素.rplib 操作系统窗口.rplib 文本模板.rplib 日历.rplib 窗体和容器.rplib 网站常用部件.rplib 草稿样式库文件.rplib 菜单和按钮.rplib 表格元素.rplib 输入框.rplib 页面布局.rplib
Axure自定义组件库精华集合包
09-05
Axure自定义组件 组件包括内容 日历、表格、表单、窗体、幻灯片、广告位、导航、控制条、分页等空间应有尽有
【Axure素材】中国地图组件
SJjiemo的博客
12-10 222
Axure中的中国地图组件特别适用于原型设计阶段，它为产品经理和设计师提供了一种高效的方式来构建包含地理信息的交互原型。特点：提供了23个省份、4个直辖市、5个自治区及2个特别行政区的详细地图元件，支持数据填充和交互设置，如鼠标移入显示数据，适用场景：原型设计阶段，快速构建交互原型。
全新升级，EasyV 3D高德地图组件全新上线
amumuum的博客
03-13 1418
我们依托该服务上线了【高德地图】组件，来帮助EasyV用户更快、更好地构建出基于地图的可视化应用。
vue组件，echarts制作3D地图，可点击凸起，hover高亮，可做飞鱼线（带天空盒子）
qq_45234022的博客
11-16 5149
整理了一下Echarts做3D地图的vue组件
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值