Silverlight Map 技术点总结

关于Silverlight Map，很长一段时间都在学习，一边学习一边开发，总是会遇到这样、那样的问题，现在把这一年多时间里遇到的问题都整理出来，给自己积累，也希望给其他人提供帮助。

一、基于位图呈现@H_262_33@著名的如GoogleMap,Bing Map，等等，展现在我们眼前的其实都是一小块一小块的图片，像拼图一样，在浏览器缓存里可以找到这些图，好好加以利用，还是可以有一番作为的，要问有没有专业的工具能按需下载某个区域的GoogleMap各层级图像，可以肯定的说有，但不一定好找。当然，牛人都是不屑这些工具的，他们大可以自己写个，也很简单。这里提供一个现成的工具Google Map Buddy。@H_262_33@关于效果的技术实现，GooleMap，不用多说，那早已是Ajax的一个标杆。而在Bing Map，Visual Earth Map，借助了Silverlight的伟大创意，发明了诸如弹簧动画，DeepZoom，@H_384_21@multiScaleIR_28_11845@age等等技术，使图像的加载过程看起来更加流畅，舒适。@H_262_33@@H_262_33@那么，在Silverlight中要怎样才能使用自己的地图实现这样流畅的效果呢 ？@H_262_33@@H_262_33@问题1. 流畅的图片显示过程。这一点，借助DeepZoom 软件导出数据后作为数据源交给@H_384_21@multiScaleIR_28_11845@age控件实现。@H_262_33@@H_262_33@问题2. DeepZoom需要一张高分辨率的地图，但分级切割后很难知晓并控制切割好的图片整体大小，只能在@H_384_21@multiScaleIR_28_11845@age控件中调整，这个问题没有很好解决。@H_262_33@@H_262_33@问题3. 使用@H_384_21@multiScaleIR_28_11845@age 显示地图后能有流畅效果，可是怎样才能知道鼠标当前位置的相对地图坐标 ？ 这是一个转换问题。(下面说明)@H_262_33@@H_262_33@问题4. 怎样在地图上能任意添加背景透明的图层，即可以理解为Canvas层，Canvas层上可以使用ItemsControls 添加任意的模板项，这些项可以是一些用户定义的小图标(如油田、机场、公交站牌、等等)，当然，这些图标的地理坐标都是从数据库中读出，怎样转换成屏幕坐标并做绑定？ 这也是一个转换问题。(下面说明)@H_262_33@@H_262_33@问题 5. 即便解决了绑定和坐标转换，地图都是需要能放大缩小平移的，@H_384_21@multiScaleIR_28_11845@age都提供了这些功能，就是说地图是没问题的，关键在于你添加的Canvas层，要与@H_384_21@mutiScaleIR_28_11845@age动态绑定，注意，只需要Canvas绑定，因为Canvas内部的元素都是相对坐标，会自动随Canvas变换坐标，所以可以不用考虑。@H_262_33@     解决这个问题的方法在于使用Silverlight提供的依赖属性功能。@H_384_21@multiScaleIR_28_11845@age的主要依赖属性项有两个，ViewportOrigin,ViewportWidth,这两个属性也是控制地图缩放的和可视位置的关键属性，将Canvas的ScaleTransform 值设置绑定到ViewportWidth上，当然中间需要有一个值转换器，就是实现了IValueConverter接口的转换类，用于控制缩放的两个值之间的单向转换。@H_262_33@@H_262_33@问题 6. 从外部控制显示在控件中心的地图地理坐标。这也是一个坐标转换问题，大家看过GoogleEarth中是否带有输入经纬度或者地理名称，那个球就会飞到那个地方去呢，其实就是一个先缩小、再放大的过程，但是这个过程是需要一个类似反正切函数的(时间，值)变换过程。@H_262_33@