专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Flash教程 » flashxml地图:Flash+XML实现电子地图查询及定位功能 »正文

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

来源: 发布时间:星期五, 2009年1月23日 浏览:160次 评论:0
  本例要实现功能分成“查询”和“定位”两部分查询功能通过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 = 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; //输入地名名称
(input"") {_root.XMLData_mc.input_txt.text="请输入地名"}
//如果地名名称为空重新要求输入地名
(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文件中地名
(sninput) { //如果输入和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所示;

  

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

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

0

相关文章

读者评论

  • 1www(58.208.95.*) 发布于:星期六, 2009年2月21日
    我有源码 需要的联系我QQ:2934581 可放大 缩小 移动 在线标注位置,单击标注显示详细内容.有动态查询功能

发表评论

  • 昵称:
  • 内容: