软件下载,下载软件,网络软件,软件学院,软件资讯,电子小说,书籍,音乐,游戏,歌曲,MP3,BT,Flash,QQ
设为首页  
联系我们  
加入收藏  
   软件新闻 网络动态 软件评测 信息安全 软件技巧 编程开发 设计教程
您的位置: 首页 >> 文章首页 >> 设计教程 >> 作品欣赏 >> Flash+XML实现电子地图查询及定位功能
站内搜索
作品欣赏TOP10
·PConline网友鼠绘作品:手机2006-2-22 16:30:13
·PConline网友鼠绘作品:羽毛2006-9-27 15:52:34
·网管实战 彻底更换网卡摆脱潜在冲突2006-10-26 10:09:15
·这才是绝对的诱惑:05年性感泳装设计(图)2005-11-18 14:31:08
·提升用户体验 迅雷1.5版搜索功能详解2006-11-6 14:38:54
·技巧大放送 VMware虚拟机11大常用窍门2006-6-15 14:42:22
·IT之家超酷!Web 2.0海报效果图欣赏2006-12-5 16:49:09
·StartEx让桌面快捷方式和开始菜单下课2006-8-11 15:05:28
·简单入门 轻松制作自己的共享屏幕保护程序2006-11-14 16:19:45
·在线图片工具 处理图片好轻松2006-8-21 15:27:27
设计教程TOP10
·Photoshop打造神秘梦幻发光效果2006-2-10 16:42:09
·Photoshop实例:人物照片变小说封面2006-12-18 18:14:25
·Photoshop作品展示:MP3播放器界面2006-4-19 16:35:43
·用Photoshop制作低调照片效果2006-3-13 17:26:45
·送给爱美MM 用Photoshop制作靓丽时尚唇彩2006-12-8 11:26:17
·Photoshop教程 设计逼真的卫星照片效果2006-10-26 10:15:13
·照片调色系列教程(4):调制素雅艺术效果2006-11-7 15:21:17
·照片处理 用Photoshop打造魔戒女孩2006-9-6 15:28:07
·蝴蝶让花儿更艳:色键抠像巧妙应用方法2005-11-9 11:27:14
·PConline网友鼠绘作品:手机2006-2-22 16:30:13
本类精品推荐
精选专题
 
Flash+XML实现电子地图查询及定位功能
作者:laoshan 原创 来源:风暴软件站 时间:2006-11-13 11:24:58
 

上一讲,我们实现了电子地图中如何在线标注地名功能,本例我们一讲中我们学习实现按地名名称查询及定位功能。

  本例要实现的功能分成“查询”和“定位”两部分,查询功能通过调用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[1].childNodes[0].nodeValue;
//读入xml文件中的x坐标

var sy=childItems[i].childNodes[2].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电子地图制作实例系列就结束了。当然,电子地图的功能还可以更加丰富,比如公交查询、最佳路径查询、分类信息查询等等。但缩放、移动、标注、测距和查询是所有的电子地图的基本的功能。只要掌握了这些基本功能的制作方法,就可以制作出比较合格的电子地图。

 
 
 
相关文章:
相关软件: