(十八)WebGIS中清空功能和地圖定位功能的設計以及實現

文章版權由做者李曉暉和博客園共有，若轉載請於明顯處標明出處：http://www.cnblogs.com/naaoveGIS/。

1.背景

當地圖中增長了不少元素後，對不一樣的元素須要進行必定的控制，最簡單的控制就是能對元素有選擇的進行清空刪除。在本節中，還將介紹WebGIS中另一個經常使用功能，即地圖定位功能。具體描述即是：當輸入一個座標點後，可以將地圖縮放到該點處。下面我便就以上兩個功能展開此章節的內容。

2.清空功能

2.1設計思路

根據功能點，咱們能夠將清空分爲以下幾個情形:

a.清空某個或者指定個數元素

b.清空某類或多類元素

c.清空全部元素

在以前的矢量圖層原理章節中，我已經就WebGIS中的矢量圖層原理作了詳細的講解，其核心即是一個矢量圖層對應一個Canvas，而元素均是以element的方式添加到其中。因此，對以上清空所涉及到的三種情形，這裏能夠作出以下設計:

a.根據childname在Canvas中清除該對應element。

b.若是是刪除一個Canvas中的某些類，此時應將childname的命名方式進行規範，即：catalogname_childname，刪除時根據catalogname來刪除Canvas中的對應類element。若是要刪除的類將好根據Canvas進行了區分，此時直接清空該類所對應的canvas便可。

c.遍歷全部的canvas，清空全部canvas中的element。

2.2具體實現

爲了便於對全部的canvas進行管理。具體實現時，有必要作一個管理canvas的類，該類提供獲取指定canvas，刪除指定canvas，清空指定canvas等管理功能。

若是將此管理類自己設計成一個繼承與Canvas的類，將其餘Canvas均視做element添入其中，那麼其自己就已經具備了對canvas的管理。而且還有一個優勢在於，因爲其餘矢量canvas均是其element，鼠標對canvas的操做能夠只用在此圖層上進行監聽便可。

  

                       

3.地圖定位功能

用過arcmap的朋友應該用過arcmap中的地圖定位工具，其可以在輸入了X和Y座標後，將地圖縮放到該座標處。Arcmap中該工具界面以下所示：

 

3.1設計思路

在設計該功能時，咱們首先仍是要對瓦片換算有個基本的瞭解（可查看此係列的第三章節）。這裏我直接給出整個流程圖：

 

3.2具體實現

在arcmap中，鼠標在地圖上移動時，地圖右下角會顯示出此時鼠標所在的地理座標。在WebGIS中，咱們也能夠加上此功能，可是展現的方式須要設計。

在設計地圖定位功能時，我將拾取鼠標地理座標的功能也融入到了此功能中:

a.鼠標移動時，XY輸入框會實時顯示鼠標所在處的地理座標。

b.點擊定位按鈕，地圖會縮放到輸入框XY座標處。

效果圖以下：

 

4.總結

在此章中，我跟你們一塊兒探討了WebGIS中兩個基本的功能，地圖清空以及地圖定位。在下一章節中，咱們開始探索WebGIS中一個很重要的功能，I查詢。而且探討如何能使I查詢變得可配置、可擴展、以及如何界面展示。

 

                                                                        ——歡迎轉載，但保留版權，請於明顯處標明出處：http://www.cnblogs.com/naaoveGIS/