灯火互联
管理员
管理员
  • 注册日期2011-07-27
  • 发帖数41778
  • QQ
  • 火币41290枚
  • 粉丝1086
  • 关注100
  • 终身成就奖
  • 最爱沙发
  • 忠实会员
  • 灌水天才奖
  • 贴图大师奖
  • 原创先锋奖
  • 特殊贡献奖
  • 宣传大使奖
  • 优秀斑竹奖
  • 社区明星
阅读:4156回复:0

XML辅助Flash互动电子地图标注地名

楼主#
更多 发布于:2011-09-01 03:03
在上一讲中我们介绍了制作一个最为简单的Flash电子地图的基本步骤(《Flash互动电子地图制作手册——入门实例》)。但对于制作数据量较大的大型城市地图,直接在Flash环境中手动创建地名标注内容不仅工作量巨大,而且维护更新非常不便,这样就必须借助外部数据文件来辅助完成其中的地名标注工作。当然,调用数据文件的方法很多,我们这里介绍一种较为简单的,即在FLASH中调用外部XML数据文件。
Flash互动电子地图制作手册——入门实例
XML辅助Flash互动电子地图标注地名
用trace函数实现互动地图后台快速标注地名
Flash+ASP实现电子互动地图在线标注功能
Flash+XML实现电子地图查询及定位功能

  既然涉及XML文件,就有必要对XML有一个初步的了解。   一、初识XML

  1、什么是XML?
  XML 是英文Extensible Markup Language的缩写,中文意为可扩展的标记语言。XML是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言,即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。   2、XML文件式样
  以下为一个XML文件结构,有些类似HTML语言:
<?xml version="1.0" encoding="utf-8" ?>
<countrydata>
<state id="range">
<data>0 - 33</data>
<color>fed976</color>
</state>
<state id="range">
<data>34 - 66</data>
<color>feb24c</color>
</state>
<state id="range">
<data>67 - 99</data>
<color>fd8d3c</color>
</state>
</countrydata>

  二、Flash调用XML文件的方法

  Flash中的ActionScript2.0关于调用XML的全局函数与方法属性较多,以下只介绍本例中涉及的内容:
  1、建立XML对象:
  var myXML = new XML();
  2、引用XML文件:
  myXML.load("data.xml");
  3、忽略空格:
  myXML.ignoreWhite = true;//默认的为false
  4、处理XML对象的load(XML.load 方法)
  public load(url:String) : Boolean  从指定的 URL 中加载 XML 文档,并使用下载的 XML 数据替换指定 XML 对象的内容。该 URL 是相对 URL,并使用 HTTP 进行调用。加载过程是异步的;它不会在执行 load() 方法后立即结束。  执行 load() 方法时,XML 对象的 loaded 属性被设置为 false。在 XML 数据下载完毕后,loaded 属性被设置为 true,并调用 onLoad 事件处理函数。直到 XML 数据完全下载后,才开始分析。如果该 XML 对象以前包含任何 XML 树,它们将被放弃。  您可以定义一个在调用 XML 对象的 onLoad 事件处理函数时执行的自定义函数。   5、处理XML对象的onLoad(XML.onLoad 处理函数)
  onLoad = function(success:Boolean) {}
  收到来自服务器的 XML 文档时由 Flash Player 调用。如果成功接收了 XML 文档,则 success 参数为 true。如果未收到该文档,或从服务器接收响应时出现错误,则 success 参数为 false。默认情况下,此方法的实现不处于活动状态。若要覆盖默认实现,必须指定一个包含自定义动作的函数。 第1页:初识XML、Flash调用XML文件的方法 第2页:实例制作
  三、实例制作  在初步了解了以上XML的基础后,我们就可以紧接上一例的步骤完成地名标注工作:  1、创建用于地名标注的XML文件
首先我们要创建一个包含关于需要标注的地名信息文件,即包含地名称、地名坐标等基本信息。本例中我们只创建一个示范性的地名信息数据文件,其格式为XML文件格式,内容如下:
<?xml version="1.0" encoding="iso-8859-1" ?>
<map>
<r><n>大清湖</n><x>37</x><y>264</y></r>
<r><n>环</n><x>154</x><y>67</y></r>
<r><n>城</n><x>164</x><y>67</y></r>
<r><n>西</n><x>175</x><y>69</y></r>
<r><n>路</n><x>184</x><y>72</y></r>
<r><n>环</n><x>289</x><y>101</y></r>
<r><n>城</n><x>297</x><y>107</y></r>
<r><n>东</n><x>309</x><y>114</y></r>
<r><n>路</n><x>321</x><y>117</y></r>
<r><n>中</n><x>231</x><y>95</y></r>
<r><n>心</n><x>232</x><y>114</y></r>
<r><n>南</n><x>233</x><y>135</y></r>
<r><n>路</n><x>234</x><y>158</y></r>
<r><n>中</n><x>229</x><y>18</y></r>
<r><n>心</n><x>233</x><y>34</y></r>
<r><n>北</n><x>235</x><y>47</y></r>
<r><n>路</n><x>234</x><y>58</y></r>
<r><n>★某某市政府</n><x>239</x><y>88</y></r>
<r><n>●城中影剧院</n><x>271</x><y>84</y></r>
<r><n>●新华书店</n><x>171</x><y>60</y></r>
<r><n>城</n><x>92</x><y>87</y></r>
<r><n>环</n><x>104</x><y>98</y></r>
<r><n>一</n><x>121</x><y>110</y></r>
<r><n>路</n><x>134</x><y>124</y></r>
<r><n>大清湖旅游区</n><x>36</x><y>223</y></r>
<r><n>▲百丈峰</n><x>124</x><y>30</y></r>
<r><n>◎东城新村</n><x>340</x><y>158</y></r>
<r><n>◎南城新村</n><x>287</x><y>189</y></r>
<r><n>※新颀花园</n><x>292</x><y>70</y></r>
<r><n>人民公园</n><x>144</x><y>42</y></r>
<r><n>动物园</n><x>140</x><y>105</y></r>
<r><n>东城广场</n><x>342</x><y>73</y></r>
<r><n>※百天花园</n><x>92</x><y>55</y></r>
<r><n>※花峰小区</n><x>346</x><y>189</y></r>
<r><n>◎高名新村</n><x>375</x><y>146</y></r>
<r><n>※风台花苑</n><x>210</x><y>185</y></r>
<r><n>▌城中大厦</n><x>219</x><y>111</y></r>
<r><n>▌佳好大楼</n><x>185</x><y>109</y></r>
<r><n>▌天启工业大厦</n><x>122</x><y>63</y></r>
<r><n>▌晨光商贸大厦</n><x>265</x><y>62</y></r>
<r><n>▌华侨电子大厦</n><x>209</x><y>84</y></r>
<r><n>▌佳好商城</n><x>196</x><y>49</y></r>
</map>
   注:其中<n>与</n>项为地名名称;<x>122</x>与<y>63</y>项为地名标注的X轴与Y轴坐标,至于其坐标值的得来将在以后的实例中详细讲解。    2、Flash调用的代码   打开Flash Professional,在上一讲中的地图底图所在层的时间轴上,再补入以下ActionScript代码:
var road_xml:XML = new XML(); //建立XML对象
road_xml.ignoreWhite = true; //忽略空格:
road_xml.onLoad = function (success:Boolean):Void {
if (success) { //如果调用成功
var childItems:Array = road_xml.firstChild.childNodes; //定义数据组
var f=0; //定义MC深度的变量
for (var i:Number = 0; i <childItems.length; i++) {
var x=childItems.childNodes[1].childNodes[0].nodeValue //获取X坐标值
var y=childItems.childNodes[2].childNodes[0].nodeValue //获取Y坐标值
_root.map_mc.bzmap_mc.createTextField("road"+i, f, x, y, 1, 1); //创建地名文本
p=eval("road"+i); //将文本框变量的名称赋给p
p.autoSize = "left"; //指定文本的对齐方式
p.text = childItems.childNodes[0].childNodes[0].nodeValue ; //获取地名名称
f=f+1; //MC深度自动加1
}
}
}
road_xml.load("road.xml"); //调用XML文件:

  注:其中XML文件的路径使用了相对路径,此路径是XML文件相对于调用Flash文件的网页文件的路径,即在本例中,调用Flash地图文件的网页文件必须与Road.xml文件置于相同的路径下,否则Flash将无法调用XML文件。   发布后,效果如下:                                                                                                                                  
调用外部XML文件加注地名
  这样,Flash文件只提供电子地图的基本构架,由外部的road.xml文件提供地名标注信息,如对地名进行删减、增加、纠错等操作时,只需要对XML文件进行相应的更改就可以了,而Flash文件不需要做任何的改动。这样就大大减小了维护、更新的工作量。
  以上就是Flash调用外部XML文件的基本步骤;当然我们在本例中调用是已经编辑好的XML数据文件,而获取海量地名在地图上的坐标值也同样可以在Flash环境中获得。

  下一讲中我们将学习如何在调试环境下辅助编辑标注XML文件的方法。



喜欢0 评分0
游客

返回顶部