SharpMap V1.1 For Web教程系列之—

开篇先说本次的开发环境吧。采用Vs2010，.Net Framework 4.0。

为了更好的调试程序，建议在IIS中进行调试及运行，个人非常不喜欢利用VS自己提供的WebServer去调试程序，而且很多在Web.config中的设置也需要在IIS中才能起到效果！

开发环境我就不要介绍了，先来说说SharpMap的组件要求吧。由于SharpMap的架构一直在变化和改进过程中，因此参考网络上别人的事例代码，你会发现都运行不起来，不是接口没了，就是命名空间变了，这点我也希望SharpMap早日稳定下来。

这次使用的SharpMap的版本是V1.1版本，官方意见提供最新稳定版的下载了，官方网址为：http://sharpmap.codeplex.com/

SharpMap 1.1版本的下载地址为：http://sharpmap.codeplex.com/downloads/get/792797，发布时间为2014年12月11日；该版本只是SharpMap的核心库(Core+UI),下载完后，为了Web开发还必须下载一个Web端的库，本人做完因为这一步走了好多弯路，网络上的教程也没有人写上着一点。在官网的DOWNLOADS节点下有个下载界面，需要下载SharpMap.Web这个组件。

OK!所需库完成后，下面进行Asp.Net的网站开发！你也可以不看下面的代码，直接下载整个网站。解决方案下载地址：http://pan.baidu.com/s/1i3vdUcd

打开VS2010,新建一个网站，新建一个WebForm，我这里命名为“Map.aspx”，下面贴代码：

Map.aspx:地图展示页面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Map.aspx.cs" Inherits="Map" %>

<!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 runat="server">

    <title>SharpMap测试</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:RadioButtonList ID="rblMapTools" runat="server" RepeatDirection="Horizontal">

            <asp:ListItem Value="">Zoom in</asp:ListItem>

            <asp:ListItem Value="">Zoom out</asp:ListItem>

            <asp:ListItem Value="" Selected="True">Pan</asp:ListItem>

        </asp:RadioButtonList>

        <asp:ImageButton runat="server" Width="" Height="" ID="imgMap"

            onclick="imgMap_Click" />

    </div>

    </form>

</body>

</html>

Map.aspx.cx:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Map : System.Web.UI.Page

{

    private SharpMap.Map myMap;

    protected void Page_Load(object sender, EventArgs e)

    {

        myMap = MapHelper.InitializeMap(new System.Drawing.Size((int)imgMap.Width.Value, (int)imgMap.Height.Value));

        //SharpMap.Map

        if (this.IsPostBack)

        {

            myMap.Center = (GeoAPI.Geometries.Coordinate)ViewState["mapCenter"];

            myMap.Zoom = (double)ViewState["mapZoom"];

        }

        else

        {

            this.generateMap();

        }

    }

    protected void imgMap_Click(object sender, ImageClickEventArgs e)

    {

        myMap.Center = myMap.ImageToWorld(new System.Drawing.Point(e.X, e.Y));

        //Set zoom value if any of the zoom tools were selected

        if (rblMapTools.SelectedValue == "0") //Zoom in

            myMap.Zoom = myMap.Zoom * 0.5;

        else if (rblMapTools.SelectedValue == "1") //Zoom out

            myMap.Zoom = myMap.Zoom * 2;

        //Create the map

        this.generateMap();

    }

    private void generateMap()

    {

        ViewState.Add("mapCenter", myMap.Center);

        ViewState.Add("mapZoom", myMap.Zoom);

        //myMap = MapHelper.InitializeMap(new System.Drawing.Size(256, 256));

        System.Drawing.Image img = myMap.GetMap();

        string imgID = SharpMap.Web.Caching.InsertIntoCache(1, img);

        imgMap.ImageUrl = "getmap.aspx?ID=" + HttpUtility.UrlEncode(imgID);

    }

}

　　Web.Config配置文件，在.Net 4.0下配置文件，红色部分表示这个地方和SharpMap官网以及互联网上很多教程里面的区别。

<?xml version="1.0"?>

<configuration>

  <system.web>

    <compilation debug="true" targetFramework="4.0" />

  </system.web>

  <system.webServer>

     <modules runAllManagedModulesForAllRequests="true"/>

      <handlers>

          <add verb="*" name="test" path="GetMap.aspx" type="SharpMap.Web.HttpHandler" preCondition="integratedMode"/>

      </handlers>

      <validation validateIntegratedModeConfiguration="false" />

  </system.webServer>

</configuration>

MapHelper.cs

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using SharpMap;

using System.Drawing;

using SharpMap.Layers;

using SharpMap.Data.Providers;

using SharpMap.Styles;

using System.Drawing.Text;

using SharpMap.Rendering;

using ColorBlend=SharpMap.Rendering.Thematics.ColorBlend;

using Point=GeoAPI.Geometries.Coordinate;

using System.Drawing.Drawing2D;

/// <summary>

/// Summary description for MapHelper

/// </summary>

public class MapHelper

{

    public MapHelper()

    {

    }

    public static Map InitializeMap(Size size)

    {

        HttpContext.Current.Trace.Write("Initializing map...");

        //Initialize a new map of size 'imagesize'

        Map map = new Map(size);

        //Set up the countries layer

        VectorLayer layCountries = new VectorLayer("Countries");

        //Set the datasource to a shapefile in the App_data folder

        layCountries.DataSource = new ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\countries.shp"), true);

        //Set fill-style to green

        layCountries.Style.Fill = new SolidBrush(Color.Green);

        //Set the polygons to have a black outline

        layCountries.Style.Outline = Pens.Black;

        layCountries.Style.EnableOutline = true;

        layCountries.SRID = ;

        //Set up a river layer

        VectorLayer layRivers = new VectorLayer("Rivers");

        //Set the datasource to a shapefile in the App_data folder

        layRivers.DataSource = new ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\rivers.shp"), true);

        //Define a blue 1px wide pen

        layRivers.Style.Line = new Pen(Color.Blue, );

        layRivers.SRID = ;

        //Set up a river layer

        VectorLayer layCities = new VectorLayer("Cities");

        //Set the datasource to a shapefile in the App_data folder

        layCities.DataSource = new ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\cities.shp"), true);

        //Define a blue 1px wide pen

        //layCities.Style.Symbol = new Bitmap(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\icon.png"));

        layCities.Style.SymbolScale = 0.8f;

        layCities.MaxVisible = ;

        layCities.SRID = ;

        //Set up a country label layer

        LabelLayer layLabel = new LabelLayer("Country labels");

        layLabel.DataSource = layCountries.DataSource;

        layLabel.Enabled = true;

        layLabel.LabelColumn = "Name";

        layLabel.Style = new LabelStyle();

        layLabel.Style.ForeColor = Color.White;

        layLabel.Style.Font = new Font(FontFamily.GenericSerif, );

        layLabel.Style.BackColor = new SolidBrush(Color.FromArgb(, , , ));

        layLabel.MaxVisible = ;

        layLabel.MinVisible = ;

        layLabel.Style.HorizontalAlignment = LabelStyle.HorizontalAlignmentEnum.Center;

        layLabel.SRID = ;

        layLabel.MultipartGeometryBehaviour = LabelLayer.MultipartGeometryBehaviourEnum.Largest;

        //Set up a city label layer

        LabelLayer layCityLabel = new LabelLayer("City labels");

        layCityLabel.DataSource = layCities.DataSource;

        layCityLabel.Enabled = true;

        layCityLabel.LabelColumn = "Name";

        layCityLabel.Style = new LabelStyle();

        layCityLabel.Style.ForeColor = Color.Black;

        layCityLabel.Style.Font = new Font(FontFamily.GenericSerif, );

        layCityLabel.MaxVisible = layLabel.MinVisible;

        layCityLabel.Style.HorizontalAlignment = LabelStyle.HorizontalAlignmentEnum.Left;

        layCityLabel.Style.VerticalAlignment = LabelStyle.VerticalAlignmentEnum.Bottom;

        layCityLabel.Style.Offset = new PointF(, );

        layCityLabel.Style.Halo = new Pen(Color.Yellow, );

        layCityLabel.TextRenderingHint = TextRenderingHint.AntiAlias;

        layCityLabel.SmoothingMode = SmoothingMode.AntiAlias;

        layCityLabel.SRID = ;

        layCityLabel.LabelFilter = LabelCollisionDetection.ThoroughCollisionDetection;

        layCityLabel.Style.CollisionDetection = true;

        //Add the layers to the map object.

        //The order we add them in are the order they are drawn, so we add the rivers last to put them on top

        map.Layers.Add(layCountries);

        map.Layers.Add(layRivers);

        map.Layers.Add(layCities);

        map.Layers.Add(layLabel);

        map.Layers.Add(layCityLabel);

        //limit the zoom to 360 degrees width

        map.MaximumZoom = ;

        map.BackColor = Color.LightBlue;

        map.Zoom = ;

        map.Center = new Point(, );

        HttpContext.Current.Trace.Write("Map initialized");

        return map;

    }

    public static Map InitializeTaiyuanMap(Size size)

    {

        HttpContext.Current.Trace.Write("Initializing map...");

        //Initialize a new map of size 'imagesize'

        SharpMap.Map map = new SharpMap.Map(size);

        //设置太原市区域图层

        SharpMap.Layers.VectorLayer layTy = new SharpMap.Layers.VectorLayer("ty");

        layTy.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\区县级行政区划R.shp"), true);

        layTy.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        layTy.Style.Outline = System.Drawing.Pens.Black;

        layTy.Style.EnableOutline = true;

        layTy.SRID = ;

        //设置镇的图层

        SharpMap.Layers.VectorLayer layZ = new SharpMap.Layers.VectorLayer("z");

        layZ.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\镇.shp"), true);

        layZ.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        layZ.Style.Outline = System.Drawing.Pens.Black;

        layZ.Style.EnableOutline = true;

        layZ.SRID = ;

        //设置河流的图层

        SharpMap.Layers.VectorLayer layHl = new SharpMap.Layers.VectorLayer("Hl");

        layHl.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\河流湖泊R.shp"), true);

        layHl.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        layHl.Style.Outline = System.Drawing.Pens.Black;

        layHl.Style.EnableOutline = true;

        layHl.SRID = ;

        //设置国道的图层

        SharpMap.Layers.VectorLayer layGd = new SharpMap.Layers.VectorLayer("gd");

        layGd.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\国道L.shp"), true);

        layGd.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        layZ.Style.Outline = System.Drawing.Pens.Black;

        layZ.Style.EnableOutline = true;

        layGd.Style.Line = new Pen(Color.FromArgb(, , ), );

        layGd.SRID = ;

        //Set up the countries layer

        SharpMap.Layers.VectorLayer laySd = new SharpMap.Layers.VectorLayer("sd");

        //Set the datasource to a shapefile in the App_data folder

        laySd.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\省道L.shp"), true);

        //Set fill-style to green

        laySd.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        //Set the polygons to have a black outline

        laySd.Style.Line = new Pen(Color.FromArgb(, , ), );

        layZ.Style.Outline = System.Drawing.Pens.Gainsboro;

        layZ.Style.EnableOutline = true;

        laySd.SRID = ;

        //Set up a river layer

        SharpMap.Layers.VectorLayer layRivers = new SharpMap.Layers.VectorLayer("Rivers");

        //Set the datasource to a shapefile in the App_data folder

        layRivers.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\城市主干道L.shp"), true);

        layRivers.Style.Fill = new SolidBrush(Color.FromArgb(, , ));

        //Define a blue 1px wide pen

        layRivers.Style.Line = new Pen(Color.FromArgb(, , ), );

        layRivers.SRID = ;

        //Set up a river layer

        SharpMap.Layers.VectorLayer layCities = new SharpMap.Layers.VectorLayer("Cities");

        //Set the datasource to a shapefile in the App_data folder

        layCities.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\城市次干道L.shp"), true);

        //Define a blue 1px wide pen

        //layCities.Style.Symbol = new Bitmap(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\icon.png"));

        layCities.Style.SymbolScale = 0.8f;

        layCities.MaxVisible = 0.2;

        layCities.SRID = ;

        //Set up a river layer

        SharpMap.Layers.VectorLayer layDb = new SharpMap.Layers.VectorLayer("db");

        //Set the datasource to a shapefile in the App_data folder

        layDb.DataSource = new SharpMap.Data.Providers.ShapeFile(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\基础地标.shp"), true);

        //Define a blue 1px wide pen

        //layCities.Style.Symbol = new Bitmap(HttpContext.Current.Server.MapPath(@"~\App_data\Taiyuan\icon.png"));

        layDb.Style.SymbolScale = 0.8f;

        layDb.MaxVisible = 0.05;

        layDb.SRID = ;

        //Set up a 镇 label layer

        SharpMap.Layers.LabelLayer layZLabel = new SharpMap.Layers.LabelLayer("tyz labels");

        layZLabel.DataSource = layZ.DataSource;

        layZLabel.Enabled = true;

        layZLabel.LabelColumn = "Name";

        layZLabel.Style = new SharpMap.Styles.LabelStyle();

        layZLabel.Style.ForeColor = Color.White;

        layZLabel.Style.Font = new Font(FontFamily.GenericSerif, );

        layZLabel.Style.BackColor = new System.Drawing.SolidBrush(Color.Black);

        layZLabel.MaxVisible = 0.1;

        layZLabel.MinVisible = 0.05;

        layZLabel.Style.HorizontalAlignment = SharpMap.Styles.LabelStyle.HorizontalAlignmentEnum.Center;

        layZLabel.SRID = ;

        layZLabel.MultipartGeometryBehaviour = SharpMap.Layers.LabelLayer.MultipartGeometryBehaviourEnum.Largest;

        //Set up a city label layer

        SharpMap.Layers.LabelLayer layCityLabel = new SharpMap.Layers.LabelLayer("City labels");

        layCityLabel.DataSource = layCities.DataSource;

        layCityLabel.Enabled = true;

        layCityLabel.LabelColumn = "Name";

        layCityLabel.Style = new SharpMap.Styles.LabelStyle();

        layCityLabel.Style.ForeColor = Color.Black;

        layCityLabel.Style.Font = new Font(FontFamily.GenericSerif, );

        layCityLabel.MaxVisible = layZLabel.MinVisible;

        layCityLabel.Style.HorizontalAlignment = SharpMap.Styles.LabelStyle.HorizontalAlignmentEnum.Left;

        layCityLabel.Style.VerticalAlignment = SharpMap.Styles.LabelStyle.VerticalAlignmentEnum.Bottom;

        layCityLabel.Style.Offset = new PointF(, );

        layCityLabel.Style.Halo = new Pen(Color.Yellow, );

        layCityLabel.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;

        layCityLabel.SmoothingMode = SmoothingMode.AntiAlias;

        layCityLabel.SRID = ;

        layCityLabel.LabelFilter = SharpMap.Rendering.LabelCollisionDetection.ThoroughCollisionDetection;

        layCityLabel.Style.CollisionDetection = true;

        //Set up a city label layer

        SharpMap.Layers.LabelLayer layDbLabel = new SharpMap.Layers.LabelLayer("Db labels");

        layDbLabel.DataSource = layDb.DataSource;

        layDbLabel.Enabled = true;

        layDbLabel.LabelColumn = "Name";

        layDbLabel.Style = new SharpMap.Styles.LabelStyle();

        layDbLabel.Style.ForeColor = Color.Black;

        layDbLabel.Style.Font = new Font(FontFamily.GenericSerif, );

        layDbLabel.MaxVisible = layCityLabel.MinVisible;

        layDbLabel.Style.HorizontalAlignment = SharpMap.Styles.LabelStyle.HorizontalAlignmentEnum.Left;

        layDbLabel.Style.VerticalAlignment = SharpMap.Styles.LabelStyle.VerticalAlignmentEnum.Bottom;

        layDbLabel.Style.Offset = new PointF(, );

        layDbLabel.Style.Halo = new Pen(Color.Yellow, );

        layDbLabel.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;

        layDbLabel.SmoothingMode = SmoothingMode.AntiAlias;

        layDbLabel.SRID = ;

        layDbLabel.LabelFilter = SharpMap.Rendering.LabelCollisionDetection.ThoroughCollisionDetection;

        layCityLabel.Style.CollisionDetection = true;

        //Add the layers to the map object.

        //The order we add them in are the order they are drawn, so we add the rivers last to put them on top

        map.Layers.Add(layTy);

        map.Layers.Add(layHl);

        map.Layers.Add(layGd);

        map.Layers.Add(laySd);

        map.Layers.Add(layRivers);

        map.Layers.Add(layCities);

        map.Layers.Add(layDb);

        map.Layers.Add(layZLabel);

        map.Layers.Add(layCityLabel);

        map.Layers.Add(layDbLabel);

        //limit the zoom to 360 degrees width

        map.MaximumZoom = ;

        map.BackColor = Color.White;

        map.Zoom = ;

        //map.Center = new SharpMap.Geometries.Point(0, 0);

        map.Center = new Point(112.48, 37.86);

        HttpContext.Current.Trace.Write("Map initialized");

        return map;

    }

}

SharpMap V1.1 For Web教程系列之——地图展示的更多相关文章

SharpMap V1.1 For Web教程系列之——前言
上次使用SharpMap还是在0.9版本阶段,那个时候主要是为了将SharpMap移植到Windows Mobile环境中,具体可参见原先的文章.互联网真的是风云变幻啊,才短短几年,Windows M ...
openlayers4 入门开发系列之地图展示篇（附源码下载）
前言 openlayers4 官网的 api 文档介绍地址 openlayers4 api,里面详细的介绍 openlayers4 各个类的介绍,还有就是在线例子:openlayers4 官网在线例子 ...
ASP.NET Web API系列教程目录
ASP.NET Web API系列教程目录 Introduction:What's This New Web API?引子:新的Web API是什么? Chapter 1: Getting Start ...
ASP.NET Web API系列教程（目录）(转)
注:微软随ASP.NET MVC 4一起还发布了一个框架,叫做ASP.NET Web API.这是一个用来在.NET平台上建立HTTP服务的Web API框架,是微软的又一项令人振奋的技术.目前,国内 ...
Web攻防系列教程之文件上传攻防解析（转载）
Web攻防系列教程之文件上传攻防解析: 文件上传是WEB应用很常见的一种功能,本身是一项正常的业务需求,不存在什么问题.但如果在上传时没有对文件进行正确处理,则很可能会发生安全问题.本文将对文件上传的 ...
[转]ASP.NET Web API系列教程（目录）
本文转自:http://www.cnblogs.com/r01cn/archive/2012/11/11/2765432.html 注:微软随ASP.NET MVC 4一起还发布了一个框架,叫做ASP ...
【原创分享·微信支付】C# MVC 微信支付教程系列之现金红包
微信支付教程系列之现金红包最近最弄这个微信支付的功能,然后扫码.公众号支付,这些都做了,闲着无聊,就看了看微信支付的其他功能,发现还有一个叫“现金红包”的玩意,想 ...
【原创分享·微信支付】 C# MVC 微信支付教程系列之扫码支付
微信支付教程系列之扫码支付今天,我们来一起探讨一下这个微信扫码支付.何为扫码支付呢?这里面,扫的码就是二维码了,就是我们经常扫一扫的那种二维码图片,例如,我们自己添 ...
【原创分享·微信支付】 C# MVC 微信支付教程系列之公众号支付
微信支付教程系列之公众号支付今天,我们接着讲微信支付的系列教程,前面,我们讲了这个微信红包和扫码支付.现在,我们讲讲这个公众号支付.公众号支付的应用环境常见的用户通过公众号,然后再通 ...

随机推荐

网络框架,互联网的组成,OSI七层协议,抽象层
6.25自我总结 1.网络框架 1.单机单机游戏以下两个基于网络的 2.CS架构 cs--->client客户/server服务服务端(应用程序)一个就够了,客户端(应用程序)可以有多个 ...
vijos P1911 珠心算测验
#include<iostream> using namespace std; int main() { int n; int sum = 0; int num[200]; cin > ...
CSS画出三角形（利用Border）
画出三角形的原理是调整border(边框)的四个方向的宽度,线条样式以及颜色. 如果你将宽度调的足够大,改变不同方向的颜色,你就可以发现盒模型的border是四个梯形一样的线条. div{ width ...
jQuery甘特图/日程图/横道图/插件
基于JQ的一款灵活高效,支持自定义拓展的甘特图/日程图插件支持月/周/小时等显示方式支持拖动改变时间展开与收起添加/删除,刷新节假日高亮 clicked,dblClicked,changed ...
==和equals的区别，85%的求职者“理直气壮”地回答错误
应该会有不少初学的小伙伴上来就说:==比较的是地址值,equals比较的是值.这样回答对吗? 下面详细说下两者的区别. ==运算符对于基本数据类型来说,比较的是数值对于引用数据类型来说,比较的是地 ...
SQLyog12最新版破解
1.SQLyog-12.2.4-0.x64Trial.exe,直接去官网下载. 2.修改注册表项开始-运行-regedit ,进入注册表 HKEY_CURRENT_USER\Software\ ...
webgl图库研究（包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址）
3D图库框架范围与示例摘要: 为实现企业80%以上的生产数据进行智能转化,在烟草.造纸.能源.电力.机床.化肥等行业,赢得领袖企业青睐,助力企业构建AI赋能中心,实现智能化转型升级.“远舢文龙数据处 ...
eclipse Mac 下补全代码
1. 每次输入都自动提示点击 Eclipse,使其成为第一响应者,preferences->Java->Editor->Content Assist再右下角 Auto activa ...
最全面的改造Zuul网关为Spring Cloud Gateway（包含Zuul核心实现和Spring Cloud Gateway核心实现）
前言: 最近开发了Zuul网关的实现和Spring Cloud Gateway实现,对比Spring Cloud Gateway发现后者性能好支持场景也丰富.在高并发或者复杂的分布式下,后者限流和自定 ...
佳木斯集训Day2
D2好点了,最起码不像之前那么水 T1按照常规操作是个找规律,类似于括号匹配的题,但是又不是,推进栈里,然后看最长的左括号有多少个,然后直接cout就可以了 #include <bits/std ...

SharpMap V1.1 For Web教程系列之——地图展示

SharpMap V1.1 For Web教程系列之——地图展示的更多相关文章

随机推荐

热门专题