• 奇爱公告:
  • 设为首页
  • |
  • 收藏本站
  • |
  • RSS阅读
  • |
  • 网站地图
  • |
  • 站内搜索
  • 奇爱素材网

  • 首页 酷站 PNG 矢量 GIF 笔刷 背景 PSD 欣赏 代码 FLA 教程 图库 书店
  • 您现在的位置: 奇爱素材网 >> 设计教程 >> 网页设计 >> Flash >> 正文 |
  • Flash+XML实现电子地图查询及定位功能

    作者:laoshan 素材来源:天极网 点击数: 更新时间:2007-6-14 21:47:09

      上一讲,我们实现了电子地图中如何在线标注地名功能(参阅《Flash+ASP实现电子互动地图在线标注功能》),本例我们一讲中我们学习实现按地名名称查询及定位功能。

      本例要实现的功能分成“查询”和“定位”两部分,查询功能通过调用XML文件的数据一一比对实现。定位功能通过将地图进行适当的缩放和移动,将被查询到的地名显示在窗口的中央位置来实现。

      制作步骤:
      制作如图所示的界面;

    Flash+XML实现电子地图查询及定位功能

    图1 查询功能的界面

      用input_txt动态文本框接收输入的地名名称。用载入的外部文件XMLData.xml,依次将地名与input_txt.text比较,如果两个地名相符,取相对应的X、Y轴坐标值,将地图做相应的缩放及移动操作。在本例中地图将做放大50倍,同时将地图中心移动至被查询的地名。

      XMLData.xml的内容如下:

    (略)……

    <r><n>金鼎辉煌世纪</n><x>37488</x><y>33882</y></r>
    <r><n>文锦大厦</n><x>38194</x><y>33651</y></r>
    <r><n>联城联合大厦</n><x>38402</x><y>33771</y></r>
    <r><n>外贸轻工大厦</n><x>38233</x><y>32624</y></r>
    <r><n>友联工业大厦</n><x>13802</x><y>43238</y></r>
    <r><n>罗湖中学</n><x>37225</x><y>34520</y></r>
    <r><n>东莞外贸大厦</n><x>37314</x><y>33971</y></r>
    <r><n>丽都大厦</n><x>37442</x><y>33995</y></r>
    <r><n>东乐大厦</n><x>37746</x><y>33549</y></r>
    <r><n>鸿昌广场</n><x>37996</x><y>33504</y></r>

    (略)……

      打开时间轴的动作面板,输入以下ActionScript代码:

    input_text="请输入地名"; //初始化输入文本框

    var XMLData_xml:XML = new XML(); //装载外部XMLData_xml文件

    XMLData_xml.ignoreWhite = true; //忽略空白

    XMLData_xml.load("http://www.wanggesz.com/XMLData/XMLData.xml");
    //打开指定路径的xml文件

    function XMLData() { //定义查询XMLData()函数

    var input =_root.XMLData_mc.input_txt.text; //输入的地名名称

    if (input=="") {_root.XMLData_mc.input_txt.text="请输入地名"}
    //如果地名名称为空,重新要求输入地名

    if (input!="请输入地名") { //如果正确输入地名

    var childItems:Array = XMLData_xml.firstChild.childNodes;

    for (var i=0; i <childItems.length; i++) {

    var sn= childItems[i].childNodes[0].childNodes[0].nodeValue ;
    //读入xml文件中的地名

    if (sn==input) { //如果输入与xml地名相符

    var sx=childItems[i].childNodes.childNodes[0].nodeValue;
    //读入xml文件中的x坐标

    var sy=childItems[i].childNodes.childNodes[0].nodeValue;
    //读入xml文件中的y坐标

    _root.map_mc._xscale = _root.map_mc._yscale = 5000;
    //地图增大为50倍

    _root.map_mc._x = 412.5-50*(10000*sx/1086848-412.5);
    //地图中心点移至所查地点

    _root.map_mc._y = 213-50*(10000*sy/1086848-213);

    _root.map_mc.roadname01_mc._visible=0; //隐藏标注地名
    }
    }
    }

      打开“查询”按钮的动作面板,输入以下ActionScript代码:

    on (release) { //当鼠标释放时
    XMLData(); //调用“查询”函数
    }

      正式发布后,输入“罗湖中学”,查询到相对应的代码为“<r><n>罗湖中学</n><x>37225</x><y>34520</y></r>”,地图自动放大50倍,地图中心移至(37225,34520)。效果如图2所示;

    Flash+XML实现电子地图查询及定位功能

    图2 查询到地名,地图做出相应的缩放和移动操作

      至此,Flash电子地图制作实例系列就结束了。当然,电子地图的功能还可以更加丰富,比如公交查询、最佳路径查询、分类信息查询等等。但缩放、移动、标注、测距和查询是所有的电子地图的基本的功能。只要掌握了这些基本功能的制作方法,就可以制作出比较合格的电子地图。

  • 上一篇教程: 让Flash网站具有IE前进后退的功能
  • 下一篇教程: Flash+ASP实现电子互动地图在线标注功能
    • 提点建议 | 友情链接 | 广告服务 | 免责声明 | 联系我们 | 网站地图 | RSS阅读
      Copyright © 2006-2008 Www.72sc.coM, All Rights Reserved 版权所有 奇爱素材网 鄂ICP备07010427号
      ++技术交流QQ群号码:1226944 ++业务联系QQ:19295971