RichBox-富盒子工作室
专业的RIA解决方案实现团队,承接Flash/Flex/ActionScript3/AIR/HTML5/CSS项目

这是之前发布的中国地图Flash版的优化版,具备如下的功能:

  1. 按照省份划分行政区域,显示每个省份的详细信息(内容通过XML自定义)
  2. 支持HTML显示
  3. 支持点击省份,打开网页链接
  4. 支持事件监听(AS和JavaScript)

演示地址:

http://www.richbox.net/Files/demo.html

使用方式:

将这个Flash插入到网页中并配置相应的参数即可(需要设置地图的标题,和数据源的XML地址,如果你希望Flash回调你的JavaScript方法,请参见第三个参数的配置),推荐使用SWFObject,示例代码:

<script type="text/javascript">

function eventHandler(e) {
alert(e.value);
}

var s1 = new SWFObject("ChinaMap.swf","ply","600","500","10","#FFFFFF");
s1.addParam("allowscriptaccess","always");
s1.addVariable("title","中国地图");
s1.addVariable("xmlurl","d.xml");
s1.addVariable("jsHandler","eventHandler");
s1.write("container");
</script>

数据XML的配置示例:

http://www.richbox.net/Files/d.xml

你也可以将这个地图应用到你的Flash或Flex项目中,并可以监听地图点击的Event,代码示例:


public class ChinaMapDemo extends Sprite
{
public function ChinaMapDemo()
{
super();
var mapLoader:Loader = new Loader();
mapLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,init);
mapLoader.load(new URLRequest("ChinaMap.swf"));
addChild(mapLoader);
}

private function init(e:Event):void {
e.currentTarget.content.loaderInfo.parameters.title = "中国地图";
var demoMap:ChinaMap = e.currentTarget.content as ChinaMap;
demoMap.addEventListener(MapEvent.ITEMCLICK,clickHandler);
}

private function clickHandler(e:MapEvent):void {
trace(e.value);
}

}

你可以从这里下载这个地图的文件:

http://code.google.com/p/chinamapforflash/downloads/list

源码已经提供在Google Code上,你可以随意修改并使用:

http://code.google.com/p/chinamapforflash/source/browse/


42 Antworten

  1. 你做开源地图的吗?是不是嵌入式的?

  2. Richbox 说:

    只要你的嵌入式系统里面支持Flash Player,就能嵌入这个地图,不过实际上,这个地图更适合于WEB应用

  3. Lee 说:

    非常好的应用感谢楼主的无私风险

  4. jiejie 说:

    可是怎么点击会有一个窗口弹出来啊~

  5. heii 说:

    可以写个SWFObject2.2的JS调用方法吗?谢谢!

  6. Richbox 说:

    点击窗口是JS的回调方法,不传递相应的参数即可取消这个机制
    目前使用的就是SWFObject的方法

  7. congan 说:

    我下载了fla的文件,但是打不开提示格式错误。我用的已经是cs3的flash了

  8. Richbox 说:

    噢源文件是CS4格式的,你需要使用CS4打开

  9. congan 说:

    我下载了cs4,文件能打开但是什么也不改直接发布出来的swf就是不能用的。试了很多次了是不是网上的fla文件有缺失?

  10. Richbox 说:

    FLA文件只是一个素材而已,没有包含代码,整体上是一个ActionScript项目,你需要使用Flex Builder导入并编译项目

  11. congan 说:

    好的谢谢了

  12. congan 说:

    能否实现在xml中添加图片代码?现在只能是文字看上去效果不太好。

  13. flying 说:

    大侠们,我怎么下不到FLA源文件,在哪里下啊?是不是已经删除了?

  14. Richbox 说:

    You can download all files in Google code ,and you must note that this project is a flex project ,the fla file is just a asset.

  15. flying 说:

    我想在激活的省插个小旗子要怎么做呢?

  16. Richbox 说:

    修改FlA文件即可

  17. fansnaf 说:

    感谢楼主,请问 现在找不到map.fla源文件了,

    请问哪里能下载,谢谢!或者能否发我邮箱一份,再次感谢!

    fansnaf # hotmail.com

  18. fansnaf 说:

    fla已经找到了,谢谢。。。

    请问,能否感应到 鼠标在某个区域,然后做出相应的动作,要如何实现,谢谢!

  19. 大兴 说:

    收藏先….实用

  20. terry 说:

    现在下载里面找不到map.fla源文件了,

    请问哪里能下载,谢谢!或者能否发我邮箱一份,感谢!

    xiha1314*126.com

  21. zj7812 说:

    下载里面找不到map.fla源文件,

    请问哪里能下载,谢谢!或者能否发我邮箱一份,感谢!
    zj-7812@163.com

  22. charms 说:

    能不能给我一份源码?

  23. ricky 说:

    很好的东东。。。除了。。。背景很难衬,一般的网页都是白底的。
    没玩过Flex,为了改这个背景图就折腾半天去装Flex并学习,真的很花时间啊。
    Richbox大大能否把背景做成参数啊?背景图、背景颜色,这样别人喜欢用什么背景就自己配得了

  24. ricky 说:

    还有另一个小问题,在下方的省份,鼠标摸上去显示的Box,会被挡住,这时候能不能让它向上方显示呢?做一个小小的判断。。。

  25. funny 说:

    不知道能不能在数据文件里设置每个省的版块儿显示的背景颜色

  26. sally 说:

    下载了源码,不知道怎么用,请楼主赐教啊,第一次接触这东西,是菜鸟级别,呵呵

  27. dreamalong 说:

    怎么把fla文件导入到发 flex中去编译呀,研究半天了,请楼主指教呀。。qq12597325

  28. final 说:

    为什么没有河北和山东呢!

  29. 你好,楼主, 说:

    楼主,你好棒哦,请楼主赐教啊

    我的QQ:511499945

    希望楼主能加我,谢谢

    加时说明下,地图

  30. 明明 说:

    楼主啊,我现在已经下载了fla了,然后我想修改下,把鼠标放上去会提示地址的那个框框去掉和改下背景淡蓝色改成白色,怎么实现的?806778705我的QQ。。跪求楼主指导

  31. larksky 说:

    你好,我想咨询一下这个flash源文件怎么能修改成点击弹出窗口,但不显示提示信息?

  32. kyomic 说:

    要做开源,都上google,现在都提供免费API的

    http://www.shareme.cn/blog/default.asp
    看我主站右边的,这个用的是mapbar的API。(备注:广告嫌疑)

  33. xiaoyi 说:

    我想给图片换换颜色应该怎么换比较容易啊

  34. bear 说:

    你好:为什么我的AS里面提示说 找不到定义event.MapEvent;我上网查了很久都没有查到原因,还请你赐教!谢谢你

  35. jiangxinglan 说:

    1.我用cs5 打开map.fla 将其发布导出swc的过程中有如下输出:
    应该为在运行时可能编辑的任何文本嵌入字体,具有”使用设备字体”设置的文本除外。使用”文本” > “字体嵌入”命令嵌入字体。

    2.将步骤1导出的swc文件导入到actionscript project生成ChinaMap.swf,将这个ChinaMap.swf插入网页,鼠标放到地图的某个区上,文字无法显示。

    请楼主帮忙分析原因

  36. Hao 说:

    可否制作一个无蓝色背景的?那个背景去掉不了

  37. 整个源文件能给我发一份吗!谢谢了 说:

    我下载的时候下载不到整个源文件
    你能给我发个源文件吗?谢谢了

  38. 石头 说:

    能不能发个帮助文档啊?参数说明?

  39. 说:

    我想改背景颜色,和省份的颜色。鼠标移上去的显示的内容,点击后响应页面事件,这个该怎么做啊?

  40. teaidea 说:

    怎么下载的源码是一个空的文件,如何修改背景颜色及省份颜色啊,急!

Post Comment

Please notice: Comments are moderated by an Admin.


Powered by Wordpress
Theme © 2005 - 2009 FrederikM.de
BlueMod is a modification of the blueblog_DE Theme by Oliver Wunder