Flash中国地图,以Object为数据源,便于实现基于中国地图的可视化项目。

特征:

  • swc,便于导入到Flex项目中
  • 数据源为Object,比XML更方便
  • 数据驱动的地图块颜色和Hover颜色
  • 可配置是否显示省份名
  • 快速方便

Code License: Apache 2.0
Author: ComingX Jingle
Download: Git Repo

使用方法:

    • 创建Flex项目,拷贝ChinaMap.swc至项目libs目录下
    • map = new Map()
 <?xml version="1.0" encoding="utf-8"?>
<!--
* ComingX.com Business License
*
* Copyright 2013. All rights reserved.
*
* @Author: Jingle
* @Email: jingdongemail@gmail.com
* @Created date: 2013-6-27
-->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
creationComplete="application1_creationCompleteHandler(event)"
>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import com.comingx.jingle.chinamap.domains.InitData; import mx.events.FlexEvent;
import mx.flash.UIMovieClip;
private var map:UIMovieClip; protected function application1_creationCompleteHandler(event:FlexEvent):void
{
map = new Map();
test.addElement(map);
var initData:InitData = new InitData();
initData.isShowProvinceName = false;
initData.provinceDataArray = [
{"id":11,"name":"beijing","color":0xff4400,"hoverColor":0xff0000},
{"id":12,"name":"tianjin","color":0xccffcc,"hoverColor":0xff0000},
{"id":13,"name":"hebei","color":0xbbffbb,"hoverColor":0xffff00},
{"id":14,"name":"shanxi","color":0xffee00,"hoverColor":0xff2200},
{"id":15,"name":"neimenggu","color":0xaaffaa,"hoverColor":0xff2200},
{"id":21,"name":"liaoning","color":0xddffdd,"hoverColor":0xff2200},
{"id":22,"name":"jilin","color":0xddffdd,"hoverColor":0xff2200},
{"id":23,"name":"heilongjiang","color":0xddffdd,"hoverColor":0xff2200},
{"id":31,"name":"shanghai","color":0xddffdd,"hoverColor":0xff2200},
{"id":32,"name":"jiangsu","color":0xddffdd,"hoverColor":0xff2200},
{"id":33,"name":"zhejiang","color":0xddffdd,"hoverColor":0xff2200},
{"id":34,"name":"anhui","color":0xddffdd,"hoverColor":0xff2200},
{"id":35,"name":"fujian","color":0xddffdd,"hoverColor":0xff2200},
{"id":36,"name":"jiangxi","color":0xddffdd,"hoverColor":0xff2200},
{"id":37,"name":"shandong","color":0xddffdd,"hoverColor":0xff2200},
{"id":41,"name":"henan","color":0xddffdd,"hoverColor":0xff2200},
{"id":42,"name":"hubei","color":0xddddff,"hoverColor":0xff2200},
{"id":43,"name":"hunan","color":0xddffdd,"hoverColor":0xff2200},
{"id":44,"name":"guangdong","color":0xddffdd,"hoverColor":0xff2200},
{"id":45,"name":"guangxi","color":0xddeeff,"hoverColor":0xff2200},
{"id":46,"name":"hainan","color":0xddffdd,"hoverColor":0xff2200},
{"id":50,"name":"chongqing","color":0xddffdd,"hoverColor":0xff2200},
{"id":51,"name":"sichuan","color":0xffffdd,"hoverColor":0xff2200},
{"id":52,"name":"guizhou","color":0xddffdd,"hoverColor":0xff2200},
{"id":53,"name":"yunnan","color":0xddffdd,"hoverColor":0xff2200},
{"id":54,"name":"xizang","color":0xddeffe,"hoverColor":0xff2200},
{"id":61,"name":"shannxi","color":0xddffdd,"hoverColor":0xff2200},
{"id":62,"name":"gansu","color":0xddffdd,"hoverColor":0xff2200},
{"id":63,"name":"qinghai","color":0xddffdd,"hoverColor":0xff2200},
{"id":64,"name":"ningxia","color":0xddffdd,"hoverColor":0xff2200},
{"id":65,"name":"xinjiang","color":0xddffdd,"hoverColor":0xff2200},
{"id":71,"name":"taiwan","color":0xddffdd,"hoverColor":0xff2200},
{"id":81,"name":"xianggang","color":0xddffdd,"hoverColor":0xff2200},
{"id":82,"name":"aomen","color":0xddffdd,"hoverColor":0xff2200}
];
map.init(initData);
} ]]>
</fx:Script>
<s:Group id="test"> </s:Group>
</s:Application>

Demo下载

Demo为Flash build 4.5的project直接导入即可。

Flash中国地图 开放源码的更多相关文章

  1. Javascript实战开发:教你使用raphael.js绘制中国地图

    最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作.在本文中,我给大 ...

  2. Highcharts中国地图热力图

    最近有个项目需要将MC销量按大陆各省统计,并以中国地图人力图效果显示.由于项目一直使用Highcharts进行图表的统计,故采用Highmaps来实现. 效果如下: 1)中国各个省.直辖市.自治区: ...

  3. 一个让echarts中国地图包含省市轮廓的技巧

    背景知识及应用简介 本文主要介绍一个使用ECharts地图组件的取巧方法,该技巧源于实际需求中遇到的问题,一般没有该需求的话这个技巧也是用不到的.有前端基础和以及对ECharts有了解的人基本可以读懂 ...

  4. 如何使用highmaps制作中国地图

    如何使用highmaps制作中国地图 文章目录 Highmaps 所需文件 地图初始化代码 highmaps 渲染讲解 highmaps 中国各城市坐标的json文件 highmaps 线上DEMO ...

  5. Datazen 自定义地图--中国地图

    背景: 关于Datazen可以google一下,因为目前Datazen还没有中文版,所以google出来的资料会多一点,由于公司想用Datazen来做报表展示,所以有了下文. 参考文章: 中文---h ...

  6. ehcharts中国地图四级级下钻

    echarts 官网关于中国地图,只有全国-省:省-市,没有中国-省-市-县四级下钻相关文献,echarts地图最重要一点是模块化相对于其他各个图形,一下为三级下钻部分代码包括各级别交互,望指点: 中 ...

  7. jvectormap 中国地图 (包括香港、台湾、澳门)

    一个完整的中国地图(各个省,市.还有国两制),谢谢大家. 忘了网上哪位的范例,我加了些修改. <html xmlns="http://www.w3.org/1999/xhtml&quo ...

  8. echarts.制作中国地图,点击对应的省市链接到该省份的详细介绍

    今天花了一天的时间,用echart弄了一个效果,是从中国地图点进去身份并把改省份的数据渲染出来的效果,刚开始完全没有头绪,只能硬着头皮去看百度echart的api,和博客,看了半天,好家伙,终于给我找 ...

  9. 利用d3.js绘制中国地图

    d3.js是一个比較强的数据可视化js工具. 利用它画了一幅中国地图,例如以下图所看到的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3ZhcDE=/ ...

随机推荐

  1. angularJS在移动端的点击事件延迟问题

    在运用angular开发移动端的应用时,发现它并没有将ng-click做兼容,在移动端使用ng-click事件仍然会有300ms延迟.后来发现angular有一个专门针对移动端的模块:angular- ...

  2. 用Jersey为Android客户端开发Restful Web Service

    平时在做Android客户端的时候经常要与服务器之间通信,客户端通过服务端提供的接口获取数据,然后再展示在客户端的界面上,作为Android开发者,我们平时更多的是关注客户端的开发,而对服务端开发的关 ...

  3. [VC]获取本地程序的版本信息信息

    CString CQwerApp::IS_GetAppVersion(char *AppName) { ////需要加上version.lib在link里 CString AppVersion; // ...

  4. [web开发] Vue + spring boot + echart 微博爬虫展示平台

    1.微博登录 2.爬取数据 3.mysql存储 4.pyechart本地展示 5.用vue搭建网站web展示 先放图: 1.微博登录 新浪微博的登录不是简单的post就能解决的,他的登录有加密,所以我 ...

  5. 香港城大:首创3D打印磁控微型机器人技术推动人体送药研究发展

    香港城市大学研究团队全球首创由磁力推动.3D打印的微型机器人技术,能于生物体内精确地运载细胞到指定位置,预料可用作人体送药,为癌症治疗.细胞层面的治疗.再生医学等方面的应用,带来革命性改变. 近年,再 ...

  6. ArcGis server发布地图服务

    ArcGIS server发布服务: 首先修改地图文档属性中的关联默认数据库 最后使用分享将地图服务发布到server上,是地图服务可以使用: 注意一定要勾选 Feature Access选项 fea ...

  7. 设置DataGridView控件中字体的样式

    实现效果: 知识运用: DataGridView控件的公共属性DefaultCellStyle的Font属性 public Font Font  {get;set;} //获取或设置应用与DataGr ...

  8. 超全面Java 面试题(2.1)

    这部分主要是开源JavaEE框架方面的内容,包括hibernate.MyBatis.spring.Spring MVC等,由于Struts2已经是明日黄花,在这里就不讨论Struts2的面试题,此外, ...

  9. 《毛毛虫团队》第九次团队作业:BETA冲刺与团队项目验收

    一:实验名称:Beta冲刺与验收准备 二:实验目的与要求 (1)掌握软件黑盒测试技术: (2)学会编制软件项目总结PPT.项目验收报告: (3)掌握软件项目验收内容,验收流程. 三.实验内容与步骤 任 ...

  10. alibaba druid监控页面的使用配置

    一.Maven中添加Durid连接池依赖 <!-- druid连接池 --> <dependency> <groupId>com.alibaba</group ...