`
arpenker
  • 浏览: 358216 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

如何在flexviewer增加widget

阅读更多
淘二哥女装专业导购
http://www.tao2ge.com

一般我们进行arcgis地图进行二次开发比较好的办法是.使用FLEXVIEWER这个DEMO.

官方网站上可以获得到.arcgis地图的制作及服务设置暂不做介绍。

那我们如何基于此项目增加WIDGET的操作呢?

仔细分析来有二步.

首先.我们选中当前项目.然后在菜单中.file->new->add component (增加组件).这个时候就会弹出一个窗口.上面列出了当前的项目.
FLEXVIEWER.

     a.在输入父文件夹的时候.我们选择新建一个文件夹.如:flexviewer/src/mapcity
   b.然后在文件名输入我们要取的文件名.如:mappoint   
  c.based on:我们选择基于basewidget
   d.宽和高我们留空.点击完成.


   完成上一步我们可以看到一个MAPPOING.MXML已经生成好了.在MAPCITY这个文件夹中.

   
然后我们打开这个MXML文件.在自动生成的<basewidget></basewidget>这个节点中.
插入这一个节点..<WidgetTemplate id="aatemplate"  height="650" width="450">

</WidgetTemplate>


这样.我们的一个WIDGET还需要添加一步:
右击项目flexviewer-->在弹出菜单中选择最后一项属性.

在左边菜单中选择flex modules,然后选择add.
接下来在新窗口中选择源时选择这个mapcity这个新增加的 widget.要指定到mappoint.mxl这个文件才行.点OK.



最后.我们在config.xml中将这个组件配置进来.
找到服务内容

<widget label = "摄像头列表"
        icon="com/esri/solutions/flexviewer/assets/images/icons/i_bookmark.png"
         menu = "menuWidgets"
         config = "">mapcity/mappoint.swf</widget>



这样就完成了.

f11就可以跑起来了.
1
0
分享到:
评论

相关推荐

    flexviewer widget自由移动代码

    `w_dock.png`是一个图标文件,通常用于表示Widget在FlexViewer界面中的图标,用户可以通过点击这个图标来打开或关闭Widget。在实现拖动功能后,可能需要调整此图标的布局或交互,以便更好地适应新的拖放行为。 `...

    ESRI-FlexViewer解析

    - 自定义Widget:开发人员可以下载源代码包,在FlashBuilder开发环境中导入,并通过修改配置文件、自定义UI、增加或修改Widget来实现特定的业务需求。 - Widget间通信:FlexViewer支持Widget之间直接和间接的通信...

    FlexViewer开发教程

    FlexViewer支持Widget的使用,Widget是可复用的用户界面组件,用于在Web应用中提供独立的功能。每个Widget都有自己的配置文件,通常以XML格式保存。在配置文件中,开发者可以设置Widget的具体行为,如位置、高度、...

    FlexViewer开发教程开发指南和相关实例

    FlexViewer是ArcGIS的一种轻量级应用程序框架,主要用于构建基于Web的地图应用。它基于Adobe Flex技术,使得开发者能够创建交互式、丰富的地理信息系统(GIS)界面。本教程将引导你深入理解FlexViewer的开发过程,...

    FlexViewer解析

    FlexViewer是一种基于Adobe Flex技术的轻量级Web应用程序框架,主要用在地理信息系统(GIS)领域,用于展示和操作地图及地理数据。它允许开发者创建交互式的、丰富的互联网地图应用,用户无需安装任何桌面软件就能...

    FlexViewer解析之示例源码

    Widget的设计和实现是FlexViewer中一个重要的部分,也提供了自定义Widget的方法。 此外,还介绍了Widget之间的通信方法,包括直接通信和间接通信两种方式。直接通信是通过发送和接收事件来实现的,而间接通信可以...

    flexviewer1.3框架源代码

    在深入探讨FlexViewer 1.3之前,我们需要了解一些基本概念: 1. **Adobe Flex**:Adobe Flex是一种开源框架,用于构建富互联网应用程序(RIA)。它使用ActionScript编程语言,并基于MXML标记语言,可以创建动态、...

    flexviewer简单登陆(新版本能用)

    在FlexViewer的开发中,创建一个简单的登录功能是至关重要的,特别是当涉及到权限控制和用户个性化体验时。这里我们讨论如何在FlexViewer的新版本中实现一个基础的登录系统。 FlexViewer是一个基于Adobe Flex的轻量...

    flexviewer2.3源代码

    在FlexBuilder 4这一开发环境中,FlexViewer 2.3的源代码可以被编译和调试。FlexBuilder 4是Adobe提供的一款强大的Flash和Flex应用程序开发工具,支持MXML和ActionScript 3.0的开发,为创建富互联网应用(RIA)提供...

    flexViewer 3.1 src

    在GIS开发中,FlexViewer 3.1为开发者提供了许多功能,包括地图浏览、图层控制、查询工具、图层叠加、地理编码以及各种地图服务的集成等。通过源代码,开发者可以深入了解这些功能的实现机制,并根据项目需求进行...

    flexviewer2.3

    在GIS领域,FlexViewer为地理信息系统提供了强大的可视化和交互能力。 本文将深入探讨FlexViewer2.3的核心特性、主要功能、使用场景以及如何进行二次开发。 1. **核心特性** - **开源**:FlexViewer2.3源码开放,...

    FlexViewer2.4(用户界面为FlexViewer1.3样式)

    在本项目中,标题提到的"FlexViewer2.4(用户界面为FlexViewer1.3样式)"表明这是一个针对FlexViewer2.4的定制版本,其界面设计模仿了FlexViewer1.3的风格。FlexViewer的主要作用是提供一种方式来展示地图服务,添加...

    flexviewer-3.0-src 源码

    flex viewer 3.0 源码 下载

    FlexViewer2.5

    FlexViewer2.5的发布标志着在GIS(地理信息系统)领域中,Flash技术的运用达到了一个新的高度,为用户提供更丰富的地图展示效果和更强大的功能。 Flex是一种用于创建富互联网应用程序(RIA)的开发框架,它基于...

    FlexViewer开发者帮助

    - **在地图上显示Widget数据**:说明了如何将Widget的数据可视化地呈现在地图上。 - **从地图接收数据**:解释了如何监听地图事件并处理来自用户的输入(如点击、绘制线条等)。 - **从Widget控制导航**:描述了如何...

    flexviewer-3.0Prerelease可运行

    在FlexViewer 3.0中,有几个关键知识点值得讨论: 1. **Adobe Flex技术**:Flex是基于ActionScript 3.0的开源框架,用于构建富互联网应用(RIA)。它提供了一套丰富的UI组件库,使开发者能够创建具有交互性和动态...

    flexviewer 2.5

    在描述中提到“很经典”,这暗示了FlexViewer 2.5在GIS社区中具有重要的历史地位,被广泛使用且深受好评。 FlexViewer 2.5是Esri公司开发的,Esri是一家全球领先的GIS软件供应商,其产品包括ArcGIS系列。FlexViewer...

    flexviewer-2.4-src

    ESRI公司发布的flexviewer2.4框架的源代码,Flex Viewer是ArcGIS Viewer for Flex的简称, Flex Viewer是基于ArcGIS API for Flex(简称AGS Flex API)设计的一个WebGIS应用程序,用户可以通过修改配置文件、自定义...

    flexviewer2.2

    在FlexViewer中,这一API被用于实现地图的显示和操作。 3. **源代码分析**:FlexViewer 2.2 的源代码是开源的,意味着开发者可以深入研究其内部工作原理,学习如何组织和架构一个GIS Web 应用。通过分析源码,可以...

Global site tag (gtag.js) - Google Analytics