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=/ ...
随机推荐
- EasyUI:EasyUI-DataGrid多行合并实现
1.首先我们<table>增加一个属性data-options="onLoadSuccess:mergeCells",mergeCells是我们对应的JS方法名,意思就 ...
- python3操作mysql数据库表01(封装查询单条、多条数据)
#!/usr/bin/env python# -*- coding:UTF-8 -*- import pymysql# import os'''封装查询单条.多条数据'''# os.environ[' ...
- 使用github进行代码托管
---恢复内容开始--- 记录下使用github进行个人代码托管,github是公共的代码托管库,可以免费使用,由于是公共的所以大家都可以查看,如果是隐私重要的文件代码可以选择付费变为私有库 1.注册 ...
- Java 变量及基本数据类型
1.Java变量 1.1 变量的概念 内存中开辟的一块存储空间,用于存放运算过程中需要用到的数据: 该区域有自己的名称(变量名)和类型(数据类型): 该区域的数据可以在同一类型范围内不断变化: 1) ...
- 【TensorFlow入门完全指南】神经网络篇·MLP多层感知机
前面的不做过多解释了. 这里定义了两个占位符,各位也知道,在训练时,feed_dict会填充它们. 定义相关网络. 这里是权值矩阵和偏差. 这里是实例化了网络,定义了优化器和损失,和上一篇一样. 最后 ...
- 卓越管理的实践技巧(3)推动团队管理的要点 Facilitation Essentials for Managers
Facilitation Essentials for Managers 前文卓越管理的秘密(Behind Closed Doors)最后一部分提到了总结的13条卓越管理的实践技巧并列出了所有实践技巧 ...
- 团队作业-Beta冲刺(周三)
这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/SoftwareEngineeringClass1 这个作业要求在哪里 https://edu.cnblo ...
- NHibernate使用之详细图解
本文档适合初级开发者或者是第一次接触NHibernate框架的朋友,其中NHibernate不是最新的版本,但是一个比较经典的版本 NHibernate 2.1.2,其中用红线标注的部分一定要仔细看, ...
- PayPal为什么从Java迁移到Node.js 性能提高一倍 文件代码减少44%
大家都知道PayPal是另一家迁移到Node.js平台的大型公司,Jeff Harrell的这篇博文 Node.js at PayPal 解释了为什么从Java迁移出来的原因: 开发效率提高一倍(2 ...
- UI Testing in Xcode 7
参考文章: UI Testing in Xcode - WWDC 2015https://developer.apple.com/videos/play/wwdc2015-406/ Document ...