[图]Flash+ASP实现电子互动地图在线标注功能_应用技巧

于电子互动地图的信息量太大,完全可以通过客户端的广大操作者一同完成海量的标注工作,这样就必须实现在线标注的功能。而这样的功能单独依靠Flash本身是无法实现的。我们可以通过ASP、ASP.net、PHP等协助实现。在本例中,我们使用ASP来共同实现在线标注功能。

  1、基本的通信过程


图1 SWF+XML与服务器的通信过程示意图
点击看大图

   图1展示的是本例中的通信过程示意。在 Flash 和数据库之间传递信息的服务器端脚本以 XML 格式读写数据。
  可用 ActionScript 将 SWF 文件中收集到的信息转换成一个 XML 对象,然后将数据作为 XML 文档发送到服务器端脚本。您还可以使用ActionScript 将服务器返回的 XML 文档加载到 XML 对象中,以在 SWF 文件中使用该文档。其中在本例中,保存相关的XML数据是由服务器的脚本程序来完成的,这也是本例的重点学习内容。

  2、flash与ASP间的通信方法

  flash与ASP通信之间可以使用多种通信方法,本例中使用了LoadVars对象。
  LoadVars可以通过使用POST方法提供了一种向服务器输送变量。

  3、服务器脚本

   服务器脚本可以由多种程序编写,本例中以ASP为例编写相关的脚本。
  Microsoft Active Server Pages (ASP) 是服务器端脚本编写环境,使用它可以创建和运行动态、交互的 Web服务器应用程序。
  编写脚本程序要使用相关的脚本语言;脚本语言是介于 HTML 和 Java、C++ 和 Visual Basic 之类的编程语言 之间的语言。HTML 通常用于格式化文本和链接网页。编程语言通常用于向计算机发送一系列复杂指令。脚本语言也可用来向计算机发送指令,但它们的语法和规则没有可编译的编程语言那样严格和复杂。脚本语言主要用于格式化文本和使用以编程语言编写的已编译好的组件。

   ASP使 Web 开发商用多种脚本语言编写完整的过程成为可能。事实上,在单个 .asp 文件内部就可以使用多种脚本语言。

   我们可以使用任意一种其相应的脚本引擎已安装在 Web 服务器上的脚本语言。通常使用VBScript和javascript这两种语言;其中,ASP默认的脚本语言为VBScript。本例就用VBScript编写脚本。

  下面我们看看具体的实例制作。
  实例制作:

  1、Flash端

  首先创建如下界面,捕捉标注点的代码在上一讲中已经提到,本例只是除了地名名称之外,再增加一些基本的信息,方法雷同,这里就不再重复;最终将需要保存的代码赋给字符串变量SendData_srt。


图2 SWF文件界面1
点击看大图

图3 SWF文件界面2

   以一个名为Link的变量来接受来自服务器的消息。如果其值为1,表明与服务器端的通信连接成功。使用
LoadVars,再使用sendAndLoad方法将一个LoadVars的实体下的数据发送出去。

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


function SendData():Void { //定义发送数据的函数

var SendData = new LoadVars(); //构造一个新的LoadVars对象

SendData.Check = 1; //设定Check的动作,用于服务器验证

SendData.data = SendData_srt; //将待发送的数据变量SendData_srt赋给data

output_txt.text = "请稍候……"; //状态文本显示为"请稍候……"

SendData.onLoad = function(success) { //验证和服务器连接的函数

if (success) { //如果和服务器成功连接

if (this.Link== "1") { //如果验证动作成功

output_txt.text = "成功标注!审核后即可生效。"; //状态文本显示为成功

}

}

else {

output_txt.text = "服务器忙,请稍后再试!";

//如果和服务器连接不成功则返回失败消

}

};

SendData.sendAndLoad("http://www.wanggesz.com/XMLData/Save.asp", SendData, "post");

//以post方式发送待保存数据

}

  2、编写服务器脚本(ASP)

   创建一个ASP文件,其内容如下:


<%@Language="VBScript"%>

<%

Dim Check '定义Check变量,用来验证来自SWF文件的数据

Dim Link '定义Link变量,用来返回给SWF文件,表明通信成功

Dim data '定义data变量,用来接收来自SWF文件的待保存数据

set data = Request.Form("data") '接收来自SWF文件的待保存数据

set Check = Request.Form("Check") '验证来自SWF文件的数据

if Check = 1 Then '如果SWF文件身份正确

Link = 1 '将Link值设为1,表明通信成功

End if '结束if语句

Set xml=Server.CreateObject("Microsoft.XMLDOM")
'创建一个对象用以操作XML文件

xml.Async=False

xml.ValidateOnParse=False

xml.Load(server.mapPath("http://www.wanggesz.com/XMLData/data.xml"))
'加载xml文件

set newNode=mxml.createNode ("element", "data", "")
'创建新节点newNode,并命为为data

root.appendChild(newNode)
'在上面得到的加载进来的XML文件的根节点后追加一个新建的节点newNode,

Set objname = mxml.createAttribute("data")
'为新建的节点创建属性项objname.Text = data '为新建属性项添加属性值

xml.save(server.mapPath("http://www.wanggesz.com/XMLData/data.xml"))
'在指定的路径保存XML文件,

Response.write"Link"&Link '将Link=1返回给SWF文件

%>

   这样我们依次完成了对地图的操作、地名的标注等功能;而在地图的使用过程中,用地名名称进行查询及定位是也一个必不可少的常用功能。

时间: 2024-08-18 10:45:59

[图]Flash+ASP实现电子互动地图在线标注功能_应用技巧的相关文章

Flash+ASP实现电子互动地图在线标注功能

在线 由于电子互动地图的信息量太大,完全可以通过客户端的广大操作者一同完成海量的标注工作,这样就必须实现在线标注的功能.而这样的功能单独依靠Flash本身是无法实现的.我们可以通过ASP.ASP.net.PHP等协助实现.在本例中,我们使用ASP来共同实现在线标注功能. 1.基本的通信过程 图1SWF+XML与的通信过程示意图点击看大图 图1展示的是本例中的通信过程示意.在Flash和之间传递信息的端脚本以XML格式读写数据. 可用ActionScript将SWF文件中收集到的信息转换成一个XM

基于ASP实现QQ在线查询功能_应用技巧

本文给大家分享的qq在线查询功能代码非常简单,具体内容如下: 这段程序的方法是利用XMLHTTP来读取腾讯网站的相应HTML代码获取QQ的头像,根据这个想法,我们还可以抓取很多其他网站的信息,如天气预报.新闻等等. <script language="JavaScript"> <!-- function getFaceImg(QQcode) { var Re=new RegExp("^[1-9]{1}/d+$","g"); if

ASP利用Google实现在线翻译功能_应用技巧

有时候想为我们的网页提供多语言支持,如果一种语言用一张网页来做实在太麻烦了,幸好Google提供了语言工具功能,下面介绍如何利用它来实现网页多种语言之间的转换. 复制代码 代码如下: <form> <select name="lan"> <option value="en|de">英语 翻译成 德语</option> <option value="en|es">英语 翻译成 西班牙语&l

ASP.NET输入文本框自动提示功能_实用技巧

在ASP.NET Web开发中会经常用到自动提示功能,比如百度搜索.我们只要输入相应的关键字,就可以自动得到相似搜索关键字的提示,方便我们快速的输入关键字进行查询. 那么在ASP.NET中,如果我们需要做个类似的效果,该如何做到呢? 很简单,我们只要借助于一个JQuery强大的插件JQuery AutoComplete来完成这个效果就可以了.这个插件的官方地址为:JQuery AutoComplete,里面也有示例代码. 下面我们将以一个身份证号自动查询为例,来看看JQuery AutoComp

asp.net Datalist控件实现分页功能_实用技巧

在.aspx页面里的代码 复制代码 代码如下: <asp:DataList ID="DataList1" runat="server" Width="976px" Height="745px" BorderWidth="2px" CellPadding="2" CellSpacing="2" RepeatColumns="7" RepeatD

asp.net 实现下拉框只读功能_实用技巧

复制代码 代码如下: <HTML> <HEAD> <TITLE>下拉框模拟只读</TITLE> <script type="text/javascript"> //根据下拉框ID设置下拉框只读 function setReadOnly(obj_id){ var obj = document.getElementById(obj_id); obj.onmouseover = function(){ obj.setCapture(

用js实现QQ在线查询功能_应用技巧

这段程序的方法是利用XMLHTTP来读取腾讯网站的相应HTML代码获取QQ的头像,根据这个想法,我们还可以抓取很多其他网站的信息,如天气预报.新闻等等.  <script language="JavaScript">  <!--   function getFaceImg(QQcode)   {   var Re=new RegExp("^[1-9]{1}\d+$","g");   if (!QQcode !Re.test(QQ

PHP+Javascript实现在线拍照功能实例_php技巧

本文实例讲述了PHP+Javascript实现在线拍照功能.分享给大家供大家参考.具体如下: 我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统.比如驾校采集指纹拍照流程.考试现场采集照片等.我们今天要讲的是如何使用javascript和PHP实现一个简单的在线拍照并上传的功能. 实现这个功能的前提是你的电脑设备上需要安装有摄像头设备,以及你的浏览器需要支持flash <!DOCTYPE HTML> <html> <head> <me

php+js实现百度地图多点标注的方法_php技巧

本文实例讲述了php+js实现百度地图多点标注的方法.分享给大家供大家参考,具体如下: 1.php创建json数据 $products = $this->product_db->select($where); $products_json = json_encode($products); 2.js传入json数据 类似于这样的结构 var markerArr = [{ title: "名称:广州火车站", point: "113.264531,23.157003