BingMaps学习笔记（一）:控制自己加载瓦片地图显示区域和缩放级数

BingMaps学习笔记（一）:控制自己加载瓦片地图显示区域和缩放级数

分类： BingMaps学习 2010-07-09 10:59 1400人阅读 评论(1) 收藏 举报

       今天在项目碰到的一个问题，就是怎样控制自己的瓦片地图，在屏幕范围内移动，平移过程地图不能超越屏幕区域。并且控制地图的缩放级别在某个范围内,比喻17<=zoomLevel<=21.

 （一）为什么要这样控制？

       有人肯定要问，为什么要这样控制呢！比喻，在世界地图上我只想控制人们只能看到中国地图，最小级别就能看到整个中国整个板块的地图！不能再缩小了！那么这是控制地图就起到很好的作用了。

 

（二）解决办法

       我一开始本来是想在ViewChangeOnFrame事件里做限制，但是觉得效果不是很好！下面把这段代码贴出来，觉得这种方法的思路应该是没问题的。这种方法只是给大家一种思路，具体起作用还要仔细分析下的。

void map_ViewChangeOnFrame(object sender, MapEventArgs e)
       {
           double  currentZoomLevel=map.ZoomLevel;
           double minZoomLevel=17;
           double maxZoomLevel=21;
           double lat = map.Center.Latitude;
           double log = map.Center.Longitude;
           if (lat > secondLatitude)
           {
               map.SetView(new Location(secondLatitude - 0.000000001, log), currentZoomLevel);
           }
           else if (lat < firstLatitude)
           {
               map.SetView(new Location(firstLatitude + 0.000000001, log), currentZoomLevel);
           }
           else if (log > secondLongitude)
           {
               map.SetView(new Location(lat, secondLongitude - 0.000000001), currentZoomLevel);
           }
           else if (log < firstLongitude)
           {
               map.SetView(new Location(lat, secondLongitude + 0.000000001), currentZoomLevel);
           }

           if (currentZoomLevel > maxZoomLevel)
           {
               map.ZoomLevel = maxZoomLevel;
           }
           else if (currentZoomLevel < minZoomLevel)
           {
               map.ZoomLevel = minZoomLevel;
           }

       }

   

          

 

下面介绍一种确实有效的方法，这个方法的Demo来自msdn(http://msdn.microsoft.com/en-us/library/ee681896.aspx),简单介绍下这种方法，主要是通过自定义MapMode，在MapMode中做限制。validLatitudeRange 和validLongitudeRange用来限制移动的区域。new Range<double>(14, 21)就是来限制缩放级别的！确定validLatitudeRange 和validLongitudeRange的范围是比较麻烦的，我经过多次Debug尝试修改后找到一个合理的值的，你可以先地图缩小到你的允许的最小级别调整你的validLatitudeRange 和validLongitudeRange的范围，如果最小级别是地图只能限制在你所设置的区域，那么放大后也一定会在你设置的区域中了！

下面把代码贴出来下！

public class BSMapMode : MercatorMode
    {
        //定义LocationRect boundingRect(加载自己瓦片地图的方形区域的坐标)
        //double firstLatitude = 30.5064852637928;
        double firstLatitude = 30.5119852637928;
        //double firstLongitude = 114.14401462212;
        double firstLongitude = 114.15681462212;
        //double secondLatitude = 30.5280355935854;
        double secondLatitude = 30.5190355935854;
       // double secondLongitude = 114.16879639265;
        double secondLongitude = 114.15769639265;
        private Range<double> validLatitudeRange;
        private Range<double> validLongitudeRange;

        public BSMapMode()
        {
            // The latitude value range (From = bottom most latitude, To = top most latitude)
            validLatitudeRange = new Range<double>(firstLatitude, secondLatitude);
            // The longitude value range (From = left most longitude, To = right most longitude)
            validLongitudeRange = new Range<double>(firstLongitude,secondLongitude);
        }

        // Restricts the map view.
        protected override Range<double> GetZoomRange(Location center)
        {
            // The allowable zoom levels - 14 to 21.
            return new Range<double>(17, 21);
        }


        // This method is called when the map view changes on Keyboard
        // and Navigation Bar events.
        public override bool ConstrainView(Location center, ref double zoomLevel, ref double heading, ref double pitch)
        {
            bool isChanged = base.ConstrainView(center, ref zoomLevel, ref heading, ref pitch);

            double newLatitude = center.Latitude;
            double newLongitude = center.Longitude;

            // If the map view is outside the valid longitude range,
            // move the map back within range.
            if (center.Longitude > validLongitudeRange.To)
            {
                newLongitude = validLongitudeRange.To;
            }
            else if (center.Longitude < validLongitudeRange.From)
            {
                newLongitude = validLongitudeRange.From;
            }

            // If the map view is outside the valid latitude range,
            // move the map back within range.
            if (center.Latitude > validLatitudeRange.To)
            {
                newLatitude = validLatitudeRange.To;
            }
            else if (center.Latitude < validLatitudeRange.From)
            {
                newLatitude = validLatitudeRange.From;
            }

            // The new map view location.
            if (newLatitude != center.Latitude || newLongitude != center.Longitude)
            {
                center.Latitude = newLatitude;
                center.Longitude = newLongitude;
                isChanged = true;
            }

            // The new zoom level.
            Range<double> range = GetZoomRange(center);
            if (zoomLevel > range.To)
            {
                zoomLevel = range.To;
                isChanged = true;
            }
            else if (zoomLevel < range.From)
            {
                zoomLevel = range.From;
                isChanged = true;
            }

            return isChanged;
        }

    }

 

（三）让自定义Map Mode在地图中生效

      只需要在地图加载时启用Map Mode就行了

       Map map=new Map();

       map.Mode=new BSMode();

   

 

    总结，实现对地图的这种控制是非常有用的！这个只是自己的一点感受！仅供参考！

 

 

分享到：

上一篇：Wcf Ria Services学习笔记（二）:创建一个简单WCF RIA Service服务

下一篇：Wcf Ria Services学习笔记（三）:WCF RIA Service中调用存储过程