一步一步手寫GIS開源項目-（2）地圖平移縮放實現

系列文章目錄

一步一步手寫GIS開源項目-（1）500行代碼實現基礎GIS展現功能

一步一步手寫GIS開源項目-（2）地圖平移縮放實現

項目github地址：https://github.com/HuHongYong/ATtuingMap

1. 地圖平移

地圖平移分爲三步：

1鼠標按下-首先要取得鼠標按下地圖的屏幕座標，以及保存這時候的地圖圖片。

/// <summary>
/// 鼠標按下
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>

private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
     //鼠標按下的屏幕座標位置
     _mousedrag = e.Location;
     //鼠標按下，爲了區分普通鼠標移動和鼠標按下移動
     _mousedragging = true;
     //當前地圖 圖片
     _mousedragImg = pictureBox1.Image;
}

2鼠標移動-平移過程對上一步的地圖圖片進行切割，以模擬地圖拖放效果。如圖：

/// <summary>
/// 鼠標移動
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
     var point = Transform.MapToWorld(new PointF(e.X, e.Y), myMap);
     label1.Text = $"座標X:{point.X}  Y:{point.Y}";
     //拖動已有圖像
     if (_mousedragging)
     {
         Bitmap _dragImg1 = new Bitmap(pictureBox1.Width, pictureBox1.Height);
         Graphics g = Graphics.FromImage(_dragImg1);
         g.Clear(Color.Transparent);

        //圖片裁剪
         g.DrawImageUnscaled(_mousedragImg,
                             new System.Drawing.Point(e.Location.X - _mousedrag.X,
                                                      e.Location.Y - _mousedrag.Y));
         g.Dispose();
         pictureBox1.Image = _dragImg1;
     }
}

3鼠標彈起-zoom地圖縮放不變，只需從新定位地圖中心點，對地圖進行從新繪製。

/// <summary>
/// 鼠標彈起事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
     //地圖的新中心
     System.Drawing.Point pnt = new System.Drawing.Point(pictureBox1.Width / 2 + (_mousedrag.X - e.Location.X),
                                            pictureBox1.Height / 2 + (_mousedrag.Y - e.Location.Y));
     //修改鼠標拖動後的地圖中心空間座標點
     myMap.Center = Transform.MapToWorld(pnt, myMap);
     pictureBox1.Image = myMap.GetMap();
     //取消鼠標拖動
     _mousedragging = false;
}

2.地圖縮放

地圖縮放比較難理解，這裏咱們如下圖的例子爲例，黑色邊框爲地圖可視區域，紅色矩形表明的地圖上的一個矢量圖形，這時候鼠標在左上角或者任意一點，如圖一、2，

    

滾動鼠標滾輪對地圖進行放大，這是展現不一樣鼠標點放大後的地圖如圖三、4

   

      咱們知道地圖的兩個核心要素爲zoom和新的地圖中心點座標，zoom=zoom*縮放倍數，新的地圖中心點座標怎麼算呢？咱們能夠經過第五、6圖進行簡單的轉化即可以算出。

首先經過把地圖中心點定位到鼠標點，鼠標點的空間座標已經知道，能夠從六張圖中看出，鼠標點到將來中心點的紫色線是恆定的，那咱們知道了將來中心點的屏幕座標，即可以求出他的將來中心點的空間座標。實現代碼以下：

   

 

/// <summary>
/// 鼠標滾輪觸發縮放地圖事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void MapImage_Wheel(object sender, MouseEventArgs e)
{
     //從新定位鼠標位置爲中心點
     myMap.Center = Transform.MapToWorld(new System.Drawing.Point(e.X, e.Y), myMap);
     //e.Delta常數，鼠標滾輪滾一下
     double scale = (e.Delta / 120.0);
     //縮放1.2倍
     double scaleBase = 1 + (2.0 / 10);
     //從新設置zoom縮放等級
     myMap.Zoom *= Math.Pow(scaleBase, scale);

    //如圖第五、6中的將來中心點的屏幕座標
     int NewCenterX = (pictureBox1.Width / 2) + ((pictureBox1.Width / 2) - e.X);
     int NewCenterY = (pictureBox1.Height / 2) + ((pictureBox1.Height / 2) - e.Y);
     //修改鼠標縮放後的地圖中心點空間座標
     myMap.Center = Transform.MapToWorld(new System.Drawing.Point(NewCenterX, NewCenterY), myMap);
     pictureBox1.Image = myMap.GetMap();
}

3.總結

        本節主要講了一下地圖的平移和縮放的實現，展現地圖操做的最基礎的操做功能，相信你們能夠經過簡單的代碼理解到GIS最核心的展現功能，下一節主要講一下shape文件中的.dbf屬性文件的讀取以及鼠標點擊查詢，敬請期待。

本節代碼上傳github，生成一個release，你們能夠參考調試一下項目源碼。

github項目地址：https://github.com/HuHongYong/ATtuingMap

做者：ATtuing

出處：http://www.cnblogs.com/ATtuing

本文版權歸做者和博客園共有，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文連接。