MapGuide应用开发系列(11)----创建自己的第一个MapGuide应用程序-程序员宅基地

技术标签: ViewUI  ui  javascript  xhtml  


我们在前面的文章中已经讲到了如何使用MapGuide Studio组织地图、网页布局等,也运行了下载的第一个例子程序,那么如何开发自己的MapGuide应用程序呢?都有那些步骤呢?这篇文章中峻祁连就要讲一下在基于MapGuide开发时,应该遵照的基本步骤。我们以.net 开发为例,如果你采用java或者php,过程是类似的。

基于MapGuide开发WebGIS应用程序其实的非常简单的,只要把GIS数据通过MapGuide Studio组成好数据源、图层、地图和网页布局后,您就有一个具有具有基本功能的WEBGIS应用程序了。这个MapGuide自带的WebGIS平台,你可以缩放、漫游、量测距离、创建缓冲区等等,这些常见的GIS操作都已经包含在内了,而且不用写一句代码就可以构建一个地图发布平台,是不是很酷?关于使用MapGuide Studio来组织地图,我们前面的文章都每个步骤都做了介绍,相信你能很快就能把你的数据发布到Web上了。

下面是我在MapGuide Studio中组织好的网页布局:

image

image

点Go按钮就可以直接在浏览器中察看了, 不过地址是想 http://localhost/mapguide2010/mapviewerajax/?WEBLAYOUT=Library%3a%2f%2fsuzhou%2fWebLayouts%2fsuzhou.WebLayout&LOCALE=en 这样又长又不好记,当然我们还是希望做一个自己的网站,把地图嵌入到自己的应用程序中。下来我们就介绍如何把Mapguide嵌入到自己的Aspnet网站中。

继续之前,首先要知道这个WebLayout的ResourceID,你可以通过在这个WebLayout上点右键,选择属性察看:Library://suzhou/WebLayouts/suzhou.WebLayout

image

 

首先用Visual Studio 2008来创建一个网站,为方便,我们选用直接在IIS上创建,location为HTTP,网址为http://localhost/Welcome

image

创建好Web站点后,我们添加一个bin目录, 站点上右键—》 Add asp.net folder—》 bin, 这和我们普通的Web站点开发没什么两样。

image

 

现在我们需要添加MapGuide的相关的引用,这个和一般的Web站点开发稍有区别,不过也更简单,我们只需要把MapGuide 站点的mapviewernet\Bin目录下的所有dll拷贝到我们自己站点bin目录下即可。

image

 

我们这里采用基本网页布局,Ajax Viewer浏览器,Ajax Viewer浏览器是基于Frame框架结构的,安装下面的代码来创建首页,把MapGuide地图浏览器嵌入到frameset中即可。

 

<%@ Page Language="C#"  %>

<%@ Import Namespace = "OSGeo.MapGuide"%>

<%
    
    MapGuideApi.MgInitializeWebTier(@"C:\Program Files\Autodesk\MapGuideEnterprise2010\WebServerExtensions\www\webconfig.ini");
    //Create user information
    MgUserInformation userInfo = new MgUserInformation("Anonymous","");

    MgSite site = new MgSite();
      
    site.Open(userInfo);

    string sessionId = site.CreateSession();
    //这里就是网页布局的资源ID
    string webLayout = "Library://suzhou/WebLayouts/suzhou.WebLayout";
    
 %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
</head>
<frameset rows="0,*" border="0" framespacing="0">
  <frame />
  <frame id="viewerFrame" src="http://localhost/mapguide2010/mapviewernet/ajaxviewer.aspx?SESSION=<%= sessionId %>&WEBLAYOUT=<%= webLayout %>&us=0&locale=zh"  />
</frameset>
</html>

 

好了,就这么简单的几句,我们已经就可以构建一个可以在互联网上发布的WebGIS应用了。看一下效果,我们的地址是形如http://localhost/Welcome/Default.aspx 。

image

现在这个WebGIS应用已经具备了基本的功能。地图缩放,漫游、信息查询、量测距离、创建缓冲区等等常见功能全都有了,应付个演示投标啥的应该问题不大了 :)

当然,对于一个成熟的GIS平台,这些内置的功能还是很有限,而且客户的需求也是五花八门的,怎么能够扩展这个WebGIS平台,实现客户不同的需求呢?这就是下面我们需要解决的问题。

我们先来个简单的,抛砖引玉,大家熟悉了这个过程后就可以根据自己的需要对MapGuide做定制了。我们需要在工具栏上合任务面板上添加一个按钮,在点击这个按钮时引发一个URL页面,显示当前地图的基本信息。首先我对WebLayout做更改,添加这个命令。

image

image image

 

然后在VS2008中添加一个WebForm,创建这个页面。

image

具体的还是看代码吧:

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
//添加MapGuide的命名空间
using OSGeo.MapGuide;

public partial class MapInformation : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

        //MapGuideApi.MgInitializeWebTier(@"C:\Program Files\Autodesk\MapGuideEnterprise2010\WebServerExtensions\www\webconfig.ini");
 
        //取得Session字符串,即首页Default.aspx中生成的session会话字符串。
        //这里一定要用首页一样的会话字符串,不要再用首页中的方法重新生成,否则会有问题。
        //在同一个应用程序中,我们都应该用这一个会话字符串。
        String sessionId = Request["SESSION"].ToString();

        MgUserInformation userInfo = new MgUserInformation(sessionId);
        MgSiteConnection site = new MgSiteConnection();
        site.Open(userInfo);

        MgResourceService resSvc = site.CreateService(MgServiceType.ResourceService) as MgResourceService;

        MgMap map = new MgMap();

        map.Open(resSvc, "SuzhouMap"); //SuzhouMap是地图的名字,可以从MapGuide Studio中找到

        //输出当前地图的坐标系统
        Response.Write("Current Map's SRS is :<br> " + map.MapSRS + "<br><br>");
        //输出当前地图的图层个数
        int layerCount = map.GetLayers().Count;
        Response.Write("maps layer count is :" + layerCount + "<br><br>");

        //一次输出图层的名字
        for (int i = 0; i < layerCount; i++)
        {
            MgLayerBase layer = map.GetLayers()[i];
            Response.Write(layer.Name + "&nbsp;&nbsp;是否可选择:" +layer.Selectable.ToString()+ "<br>");
        }
    }
}

好了,大功告成,运行一下看看吧!

image

 

 

到此为止,我们演示了如何通过给MapGuide应用程序添加引发URL的命令,并且做了实现。你还可以添加触发javascript的命令,这样的命令中可以调用任何javascript代码,还可以调用Ajax Viewer API. 这只是抛砖引玉,大家可以按照自己的需求,按照类似的过程添加自定义的命令和实现。

 

如果你有任何看法或者建议欢迎评论,在MapGuide开发过程中遇到技术问题,你可以到MGDN论坛交流。

转载请注明出处链接和作者。 峻祁连(Daniel Du)

 

Happy MapGuiding !

作者: 峻祁连
邮箱:[email protected] 
出处: http://junqilian.cnblogs.com 
转载请保留此信息。




本文转自峻祁连. Moving to Cloud/Mobile博客园博客,原文链接:http://www.cnblogs.com/junqilian/archive/2009/11/29/1613168.html ,如需转载请自行联系原作者
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_34357267/article/details/90126005

智能推荐

51单片机的中断系统_51单片机中断篇-程序员宅基地

文章浏览阅读3.3k次,点赞7次,收藏39次。CPU 执行现行程序的过程中,出现某些急需处理的异常情况或特殊请求,CPU暂时中止现行程序,而转去对异常情况或特殊请求进行处理,处理完毕后再返回现行程序断点处,继续执行原程序。void 函数名(void) interrupt n using m {中断函数内容 //尽量精简 }编译器会把该函数转化为中断函数,表示中断源编号为n,中断源对应一个中断入口地址,而中断入口地址的内容为跳转指令,转入本函数。using m用于指定本函数内部使用的工作寄存器组,m取值为0~3。该修饰符可省略,由编译器自动分配。_51单片机中断篇

oracle项目经验求职,网络工程师简历中的项目经验怎么写-程序员宅基地

文章浏览阅读396次。项目经验(案例一)项目时间:2009-10 - 2009-12项目名称:中驰别克信息化管理整改完善项目描述:项目介绍一,建立中驰别克硬件档案(PC,服务器,网络设备,办公设备等)二,建立中驰别克软件档案(每台PC安装的软件,财务,HR,OA,专用系统等)三,能过建立的档案对中驰别克信息化办公环境优化(合理使用ADSL宽带资源,对域进行调整,对文件服务器进行优化,对共享打印机进行调整)四,优化完成后..._网络工程师项目经历

LVS四层负载均衡集群-程序员宅基地

文章浏览阅读1k次,点赞31次,收藏30次。LVS:Linux Virtual Server,负载调度器,内核集成, 阿里的四层SLB(Server Load Balance)是基于LVS+keepalived实现。NATTUNDR优点端口转换WAN性能最好缺点性能瓶颈服务器支持隧道模式不支持跨网段真实服务器要求anyTunneling支持网络private(私网)LAN/WAN(私网/公网)LAN(私网)真实服务器数量High (100)High (100)真实服务器网关lvs内网地址。

「技术综述」一文道尽传统图像降噪方法_噪声很大的图片可以降噪吗-程序员宅基地

文章浏览阅读899次。https://www.toutiao.com/a6713171323893318151/作者 | 黄小邪/言有三编辑 | 黄小邪/言有三图像预处理算法的好坏直接关系到后续图像处理的效果,如图像分割、目标识别、边缘提取等,为了获取高质量的数字图像,很多时候都需要对图像进行降噪处理,尽可能的保持原始信息完整性(即主要特征)的同时,又能够去除信号中无用的信息。并且,降噪还引出了一..._噪声很大的图片可以降噪吗

Effective Java 【对于所有对象都通用的方法】第13条 谨慎地覆盖clone_为继承设计类有两种选择,但无论选择其中的-程序员宅基地

文章浏览阅读152次。目录谨慎地覆盖cloneCloneable接口并没有包含任何方法,那么它到底有什么作用呢?Object类中的clone()方法如何重写好一个clone()方法1.对于数组类型我可以采用clone()方法的递归2.如果对象是非数组,建议提供拷贝构造器(copy constructor)或者拷贝工厂(copy factory)3.如果为线程安全的类重写clone()方法4.如果为需要被继承的类重写clone()方法总结谨慎地覆盖cloneCloneable接口地目的是作为对象的一个mixin接口(详见第20_为继承设计类有两种选择,但无论选择其中的

毕业设计 基于协同过滤的电影推荐系统-程序员宅基地

文章浏览阅读958次,点赞21次,收藏24次。今天学长向大家分享一个毕业设计项目基于协同过滤的电影推荐系统项目运行效果:项目获取:https://gitee.com/assistant-a/project-sharing21世纪是信息化时代,随着信息技术和网络技术的发展,信息化已经渗透到人们日常生活的各个方面,人们可以随时随地浏览到海量信息,但是这些大量信息千差万别,需要费事费力的筛选、甄别自己喜欢或者感兴趣的数据。对网络电影服务来说,需要用到优秀的协同过滤推荐功能去辅助整个系统。系统基于Python技术,使用UML建模,采用Django框架组合进行设

随便推点

你想要的10G SFP+光模块大全都在这里-程序员宅基地

文章浏览阅读614次。10G SFP+光模块被广泛应用于10G以太网中,在下一代移动网络、固定接入网、城域网、以及数据中心等领域非常常见。下面易天光通信(ETU-LINK)就为大家一一盘点下10G SFP+光模块都有哪些吧。一、10G SFP+双纤光模块10G SFP+双纤光模块是一种常规的光模块,有两个LC光纤接口,传输距离最远可达100公里,常用的10G SFP+双纤光模块有10G SFP+ SR、10G SFP+ LR,其中10G SFP+ SR的传输距离为300米,10G SFP+ LR的传输距离为10公里。_10g sfp+

计算机毕业设计Node.js+Vue基于Web美食网站设计(程序+源码+LW+部署)_基于vue美食网站源码-程序员宅基地

文章浏览阅读239次。该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置:项目技术:Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;3.mysql环境:建议是用5.7版本均可4.硬件环境:windows 7/8/10 1G内存以上;_基于vue美食网站源码

oldwain随便写@hexun-程序员宅基地

文章浏览阅读62次。oldwain随便写@hexun链接:http://oldwain.blog.hexun.com/ ...

渗透测试-SQL注入-SQLMap工具_sqlmap拖库-程序员宅基地

文章浏览阅读843次,点赞16次,收藏22次。用这个工具扫描其它网站时,要注意法律问题,同时也比较慢,所以我们以之前写的登录页面为例子扫描。_sqlmap拖库

origin三图合一_神教程:Origin也能玩转图片拼接组合排版-程序员宅基地

文章浏览阅读1.5w次,点赞5次,收藏38次。Origin也能玩转图片的拼接组合排版谭编(华南师范大学学报编辑部,广州 510631)通常,我们利用Origin软件能非常快捷地绘制出一张单独的绘图。但是,我们在论文的撰写过程中,经常需要将多种科学实验图片(电镜图、示意图、曲线图等)组合在一张图片中。大多数人都是采用PPT、Adobe Illustrator、CorelDraw等软件对多种不同类型的图进行拼接的。那么,利用Origin软件能否实..._origin怎么把三个图做到一张图上

51单片机智能电风扇控制系统proteus仿真设计( 仿真+程序+原理图+报告+讲解视频)_电风扇模拟控制系统设计-程序员宅基地

文章浏览阅读4.2k次,点赞4次,收藏51次。51单片机智能电风扇控制系统仿真设计( proteus仿真+程序+原理图+报告+讲解视频)仿真图proteus7.8及以上 程序编译器:keil 4/keil 5 编程语言:C语言 设计编号:S0042。_电风扇模拟控制系统设计