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. JavaScript判断图片是否已经加载完毕的方法汇总

    在网上有很多关于判断图片是否已经加载完毕的文章,但是有的浏览器并不适合,下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总,具体内容如下所示: 一.onload事件 通过监 ...

  2. 模态框的理解 ,jQ: loading,进度条, 省级联动 表单验证 插件

    模态框: 打开一个弹框 不关闭它就不能做框外的操作 必须关闭或弹出另外的弹框 加载延迟loading + 进度条只要有请求 就处理一下监控ajax 全局事件jquery: $('#box').ajax ...

  3. 零基础逆向工程21_PE结构05_数据目录表_导出表

    数据目录 1.我们所了解的PE分为头和节,在每个节中,都包含了我们写的一些代码和数据,但还有一些非常重要 的信息是编译器替我们加到PE文件中的,这些信息可能存在在任何可以利用的地方. 2.这些信息之所 ...

  4. pm2-web监控

    pm2-web 是一款 pm2 服务状态监控程序,基于 web . 安装 npm install -g pm2-web 运行(默认占用8080端口) pm2-web 自定义配置文件 通过 --conf ...

  5. JavaScript命名——name不能做变量名

    使用name作为变量名(var name = ‘’),在IE中未引起bug,在Chrome中引起bug但未明确指出命名错误,而是会报其他错误,故不便于发现. 现象原因: javascript中name ...

  6. sqlserver中计算某个特殊字符在字符串中出现的位置

    -- ============================================= -- Author: Evan -- Create date: 2018年3月15日10:: -- D ...

  7. (转载)资源字典(Pro WPF 学习)

    原地址:http://www.cnblogs.com/yxhq/archive/2012/07/09/2582508.html 1.创建资源字典 下面是一个资源字典(AppBrushes.xaml), ...

  8. vue 修改端口

  9. python整体图

  10. c++ 读取文件 最后一行读取了两次

    用ifstream的eof(),竟然读到文件最后了,判断eof还为false.网上查找资料后,终于解决这个问题. 参照文件:http://tuhao.blogbus.com/logs/21306687 ...