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=/ ...
随机推荐
- css position 定位模式
定位 定位模式: static relative absolute fixed 边偏移 :top bottom left right 一般的定位必须要有定位模式以及边偏移 static 静态定位 默 ...
- 关于死循环while(true){}或for(;;){}的总结
关于死循环while(true){}或for(;;){}的总结 1.基本用法: while(true){ 语句体; } for(;;){ 语句体; } 以上情况,语句体会一直执行. 2 ...
- LeetCode Happy Number 开心数字
题意: 给出一个整数n,判断其是否为幸运数. 规则是,将n按十进制逐位拆出来后,每个位各自进行取平方,再将这些平方数求和作为新的数字n.若最后n=1,就是幸运数. 思路: 计算例子:n=47,接着n= ...
- 洛谷——普及练习场 普及组选手可冲刺训练,提高组选手亦可在此巩固基础。(Loading...)
简单的模拟 关卡2-1,6 道题 开始普及组的训练!所谓模拟,就是直接根据题意编写,思维难度简单. //T1 铺地毯 #include <cstdio> #define N 10005 i ...
- win10中使用win7/win8.1"个性化"
直接下载使用: 点此下载 设置 Windows Registry Editor Version 5.00 ; ; Created by http://winaero.com, reedited by ...
- 关于 NetBackup 应答文件(/tmp/NBInstallAnswer.conf)
关于 NetBackup 应答文件 在 UNIX 和 Linux 安装和升级期间使用 NetBackup 应答文件 (/tmp/NBInstallAnswer.conf),以便: 覆盖某些默认值. 避 ...
- MySql查询时间段的方法
本文实例讲述了MySql查询时间段的方法.分享给大家供大家参考.具体方法如下: MySql查询时间段的方法未必人人都会,下面为您介绍两种MySql查询时间段的方法,供大家参考. MySql的时间字段有 ...
- JsonPath 语法 与 XPath 对比
JsonPath 语法 与 XPath 对比 XPath JSONPath Description / $ the root object/element . @ the current obje ...
- 使用apache benchmark(ab) 测试报错: apr_socket_recv: Connection timed out (110)
使用ab( apache benchmark )测试的时候,使用如下命令: ab -n 15000 -c 200 http://localhost/abc/abc.php 执行操作一定条数,或连续 ...
- quartz 任务调度
quartz 设置参数, 获取参数 在job中使用spring注入的service对象 循环获取所有的job 删除job @PersistJobDataAfterExecution @Disallow ...