SharpMap V1.1 For Web教程系列之——地图展示_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > SharpMap V1.1 For Web教程系列之——地图展示

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

 2015/1/14 9:54:52  cehui0303  程序员俱乐部  我要评论(0)
  • 摘要:开篇先说本次的开发环境吧。采用Vs2010,.NetFramework4.0。为了更好的调试程序,建议在IIS中进行调试及运行,个人非常不喜欢利用VS自己提供的WebServer去调试程序,而且很多在Web.config中的设置也需要在IIS中才能起到效果!开发环境我就不要介绍了,先来说说SharpMap的组件要求吧。由于SharpMap的架构一直在变化和改进过程中,因此参考网络上别人的事例代码,你会发现都运行不起来,不是接口没了,就是命名空间变了,这点我也希望SharpMap早日稳定下来
  • 标签:for Web Map 教程 ARP

开篇先说本次的开发环境吧。采用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:地图展示页面

class="code_img_closed" src="/Upload/Images/2015011409/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('dddad483-a67a-4f30-b958-bc82b387c773',event)" src="/Upload/Images/2015011409/2B1B950FA3DF188F.gif" alt="" />
<%@ 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="0">Zoom in</asp:ListItem>
            <asp:ListItem Value="1">Zoom out</asp:ListItem>
            <asp:ListItem Value="2" Selected="True">Pan</asp:ListItem>
        </asp:RadioButtonList>
        <asp:ImageButton runat="server" Width="700" Height="400" ID="imgMap" 
            onclick="imgMap_Click" />
    </div>
    </form>
</body>
</html>
View Code

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 = 4326;

        //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, 1);
        layRivers.SRID = 4326;

        //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 = 40;
        layCities.SRID = 4326;

        //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, 12);
        layLabel.Style.BackColor = new SolidBrush(Color.FromArgb(128, 255, 0, 0));
        layLabel.MaxVisible = 90;
        layLabel.MinVisible = 30;
        layLabel.Style.HorizontalAlignment = LabelStyle.HorizontalAlignmentEnum.Center;
        layLabel.SRID = 4326;
        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, 11);
        layCityLabel.MaxVisible = layLabel.MinVisible;
        layCityLabel.Style.HorizontalAlignment = LabelStyle.HorizontalAlignmentEnum.Left;
        layCityLabel.Style.VerticalAlignment = LabelStyle.VerticalAlignmentEnum.Bottom;
        layCityLabel.Style.Offset = new PointF(3, 3);
        layCityLabel.Style.Halo = new Pen(Color.Yellow, 2);
        layCityLabel.TextRenderingHint = TextRenderingHint.AntiAlias;
        layCityLabel.SmoothingMode = SmoothingMode.AntiAlias;
        layCityLabel.SRID = 4326;
        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 = 360;
        map.BackColor = Color.LightBlue;

        map.Zoom = 360;
        map.Center = new Point(0, 0);

        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(242, 239, 233));
        layTy.Style.Outline = System.Drawing.Pens.Black;
        layTy.Style.EnableOutline = true;
        layTy.SRID = 4326;

        //设置镇的图层
        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(191, 237, 245));
        layZ.Style.Outline = System.Drawing.Pens.Black;
        layZ.Style.EnableOutline = true;
        layZ.SRID = 4326;

        //设置河流的图层
        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(151, 219, 242));
        layHl.Style.Outline = System.Drawing.Pens.Black;
        layHl.Style.EnableOutline = true;
        layHl.SRID = 4326;

        //设置国道的图层
        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(255, 254, 169));
        layZ.Style.Outline = System.Drawing.Pens.Black;
        layZ.Style.EnableOutline = true;
        layGd.Style.Line = new Pen(Color.FromArgb(130, 130, 130), 1);
        layGd.SRID = 4326;

        //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(255, 254, 169));
        //Set the polygons to have a black outline
        laySd.Style.Line = new Pen(Color.FromArgb(130, 130, 130), 1);

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

        laySd.SRID = 4326;

        //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(255, 254, 169));
        //Define a blue 1px wide pen
        layRivers.Style.Line = new Pen(Color.FromArgb(130, 130, 130), 1);
        layRivers.SRID = 4326;

        //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 = 4326;

        //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 = 4326;

        //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, 12);
        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 = 4326;
        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, 11);
        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(3, 3);
        layCityLabel.Style.Halo = new Pen(Color.Yellow, 2);
        layCityLabel.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
        layCityLabel.SmoothingMode = SmoothingMode.AntiAlias;
        layCityLabel.SRID = 4326;
        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, 11);
        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(3, 3);
        layDbLabel.Style.Halo = new Pen(Color.Yellow, 2);
        layDbLabel.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
        layDbLabel.SmoothingMode = SmoothingMode.AntiAlias;
        layDbLabel.SRID = 4326;
        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 = 4;
        map.BackColor = Color.White;

        map.Zoom = 4;
        //map.Center = new SharpMap.Geometries.Point(0, 0);
        map.Center = new Point(112.48, 37.86);

        HttpContext.Current.Trace.Write("Map initialized");
        return map;
    }
}
View Code

 

发表评论
用户名: 匿名