Flash中国地图 开放源码

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为Flash build 4.5的project直接导入即可。
Flash中国地图 开放源码的更多相关文章
- Javascript实战开发:教你使用raphael.js绘制中国地图
最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作.在本文中,我给大 ...
- Highcharts中国地图热力图
最近有个项目需要将MC销量按大陆各省统计,并以中国地图人力图效果显示.由于项目一直使用Highcharts进行图表的统计,故采用Highmaps来实现. 效果如下: 1)中国各个省.直辖市.自治区: ...
- 一个让echarts中国地图包含省市轮廓的技巧
背景知识及应用简介 本文主要介绍一个使用ECharts地图组件的取巧方法,该技巧源于实际需求中遇到的问题,一般没有该需求的话这个技巧也是用不到的.有前端基础和以及对ECharts有了解的人基本可以读懂 ...
- 如何使用highmaps制作中国地图
如何使用highmaps制作中国地图 文章目录 Highmaps 所需文件 地图初始化代码 highmaps 渲染讲解 highmaps 中国各城市坐标的json文件 highmaps 线上DEMO ...
- Datazen 自定义地图--中国地图
背景: 关于Datazen可以google一下,因为目前Datazen还没有中文版,所以google出来的资料会多一点,由于公司想用Datazen来做报表展示,所以有了下文. 参考文章: 中文---h ...
- ehcharts中国地图四级级下钻
echarts 官网关于中国地图,只有全国-省:省-市,没有中国-省-市-县四级下钻相关文献,echarts地图最重要一点是模块化相对于其他各个图形,一下为三级下钻部分代码包括各级别交互,望指点: 中 ...
- jvectormap 中国地图 (包括香港、台湾、澳门)
一个完整的中国地图(各个省,市.还有国两制),谢谢大家. 忘了网上哪位的范例,我加了些修改. <html xmlns="http://www.w3.org/1999/xhtml&quo ...
- echarts.制作中国地图,点击对应的省市链接到该省份的详细介绍
今天花了一天的时间,用echart弄了一个效果,是从中国地图点进去身份并把改省份的数据渲染出来的效果,刚开始完全没有头绪,只能硬着头皮去看百度echart的api,和博客,看了半天,好家伙,终于给我找 ...
- 利用d3.js绘制中国地图
d3.js是一个比較强的数据可视化js工具. 利用它画了一幅中国地图,例如以下图所看到的: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3ZhcDE=/ ...
随机推荐
- 常用的 HTML 头部标签
曾几何时,我们已经不再手写 HTML 标签.Emmet.Markdown 等工具让我们「健步如飞」,但是我们真的了解这些标签了吗? 基本标签 使用 HTML5 doctype,不区分大小写. < ...
- springmvc学习经验
Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面.Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块.使用 Spring ...
- Android中的GreenDao框架修改数据库的存储路径
目前android中比较热门的数据库框架有greenDAO.OrmLite.AndrORM,其中我比较喜欢用GreenDao,其运行效率最高,内存消耗最少,性能最佳.具体怎么使用GreenDao,网上 ...
- 获取元素Bytagname区别/for循环应用
一:两种获取元素方式的区别.1.var aLi = oUl.getElementsByTagName('li');TagName前面可以加其他东西,id就只能是document,2,Id是静态的,ta ...
- Java中类成员变量初始化顺序
一. 定义处默认初始化vs构造函数中初始化 java中类成员变量支持在声明处初始化,也可以在构造函数中初始化,那么这两者有什么区别呢?看下面例子 public class FieldsInit { p ...
- UML的九种模型图
本文转自UML 的九种模型图,仅供学习交流! 一.作为一种建模语言,UML的定义包括UML语义和UML表示法两个部分. UML语义:描述基于UML的精确元模型定义. UML表示法:定义UML符号的表示 ...
- MATLAB中容易忽略却经常遇到的小技巧总结
1 如何产生一个列向量相同的矩阵 例如,列向量x=[1;2;3],要产生矩阵A=[x,x,x],即[1,1,1;2,2,2;3,3,3]. A = repmat(x,1,n) 2 ...
- UESTC 1307 WINDY数 (数位DP,基础)
题意: windy定义了一种windy数.不含前导零且相邻两个数字之差至少为2的正整数被称为windy数.windy想知道,在A和B之间,包括A和B,总共有多少个windy数? 思路: 就是给连续的两 ...
- python基础一 day15 内置函数
'\r' 回车,回到当前行的行首,而不会换到下一行,如果接着输出的话,本行以前的内容会被逐一覆盖: '\n' 换行,换到当前位置的下一行,而不会回到行首: # print()# input()# le ...
- C++容器类-list
C++ 表(List容器类) 一.概念 头文件:#include <list> 又叫链表,是一种双线性链表,只能顺序访问(从前往后或从后往前) 他不支持随机访问. 二.方法 #includ ...