微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Silverlight4下bing map实现鼠标移动时显示地图上的经纬坐标

分类：Silverlight作者：编程之家
最近在学习Silverlight和bing地图的简单开发.只是做点简单的功能效果.　本人菜鸟入门级,大侠勿笑

微笑

环境和用到的工具如下

vs2010 

silverlight4 

Silverlight 4 toolkit April 2010

Bing Maps Silverlight Control


先贴一下界面的xaml代码.布局随便摆的,界面的布局后面还得多多研究


<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:shinyRed="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ShinyRed"
    xmlns:System_Windows_Controls_Primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:ee="http://schemas.microsoft.com/expression/2010/effects" x:Class="SilverlightStudy1.MainPage"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" MinWidth="1024" MinHeight="600" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" Loaded="UserControl_Loaded" xmlns:my="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl">

    <toolkit:DockPanel Name="RootLayer" Width="auto" Height="auto">
        <StackPanel x:Name="LayoutTop" Orientation="Vertical" Height="100" VerticalAlignment="Top" ScrollViewer.HorizontalScrollBarVisibility="Auto" toolkit:DockPanel.Dock="Top">
            <StackPanel.Background>
                <ImageBrush ImageSource="/SilverlightStudy1;component/Images/top_pic.png" />
            </StackPanel.Background>
        </StackPanel>
        <Grid Name="Center" Width="auto" ShowGridLines="False" Margin="0,2,0" toolkit:DockPanel.Dock="Bottom">
            <!--　定义表格结构　-->
            <Grid.RowDeFinitions>
                <RowDeFinition Height="*"></RowDeFinition>
            </Grid.RowDeFinitions>
            <Grid.ColumnDeFinitions>
                <ColumnDeFinition></ColumnDeFinition>
                <ColumnDeFinition Width="auto"></ColumnDeFinition>
                <ColumnDeFinition Width="3*" MinWidth="500"></ColumnDeFinition>
            </Grid.ColumnDeFinitions>

            <Rectangle Grid.Row="0" Grid.Column="0" Name="leftPanel" stroke="#FF031011"></Rectangle>
            <Rectangle Grid.Row="0" Grid.Column="2" Name="rightPanel" stroke="#FF140902"></Rectangle>

            <sdk:GridSplitter x:Name="splitLine" Grid.Column="1" HorizontalAlignment="Center" Width="6" BorderThickness="1" BorderBrush="#FF0A0A02" />
            <!-- 以下存放内容控件 -->
            <shinyRed:ShinyRedTheme Grid.Column="3" Height="auto">
                <sdk:TabControl x:Name="Tab" Width="auto" Grid.Column="2" Height="auto" DataContext="{Binding RelativeSource={RelativeSource Self}}">
                    <sdk:TabItem Content="这里是首页的内容" Header="首 页" BorderThickness="0" Foreground="White" />
                    <sdk:TabItem Content="内容管理页面" Header="内容管理" BorderThickness="0" Foreground="White" />
                    <sdk:TabItem Header="地 图" Foreground="White">
                        <Grid x:Name="MapCanvas" Width="auto" Height="auto">
                            <Grid.RowDeFinitions>
                                <RowDeFinition></RowDeFinition>
                            </Grid.RowDeFinitions>
                            <Grid.ColumnDeFinitions>
                                <ColumnDeFinition Width="*">
                                </ColumnDeFinition>
                                <ColumnDeFinition Width="auto"></ColumnDeFinition>
                            </Grid.ColumnDeFinitions>
                            
                            <my:Map x:Name="mapone" CredentialsProvider="An3GS6Xxqc0vv9sOqv1xpY3bTSKMHsfgMJobV7qgipzukAHWXKIvUtp25OHNX8aG" Center="30.280,114.500" ZoomLevel="9" Width="auto" Height="auto" Grid.Row="0" Grid.Column="0" Mode="Road" MouseMove="mapone_MouseMove" DataContext="{Binding Path=Resources.source.Scheme}">
                                <!--<my:Map.Children>-->
                                    <!-- 在xmal中直接标点 -->
                                    <!--<my:pushpin Location="30.111,114.6945"></my:pushpin>-->
                                    
                                    <!-- 在xmal中直接画线 -->
                                    <!--<my:Mappolyline stroke="Red" strokeThickness="1" Locations="28.111,114.2232 29.2,114.899 30.12,117.888">    
                                    </my:Mappolyline>-->
                                <!--</my:Map.Children>-->
                            </my:Map>
                            <StackPanel x:Name="mapOperationPanel" Orientation="Vertical" Width="100" Height="auto" Grid.Row="0" Grid.Column="1" HorizontalAlignment="Right">
                                <Button x:Name="btnEnlage" Width="80" Height="24" Content="放大" Margin="0,10,0"></Button>
                                <Button x:Name="btnDeflation" Width="80" Height="24" Content="缩小" Margin="0,0"></Button>
                                <sdk:Label x:Name="labTooltip" Content="地图显示模式:" Foreground="Red" Margin="5,0" />
                                <ComboBox x:Name="ddlMapMode" Width="90" Margin="0,5,0" SelectionChanged="ddlMapMode_SelectionChanged"></ComboBox>
                                <sdk:Label Content="纬度：" Margin="10,25,0"></sdk:Label>
                                <TextBox x:Name="txtLat" Width="90" Height="23"></TextBox>
                                <sdk:Label Content="经度：" Margin="10,3,0"></sdk:Label>
                                <TextBox x:Name="txtLong" Width="90" Height="23"></TextBox>
                                <Button x:Name="btnPosition" Content="定位" Width="80" Height="23" Margin="0,0" Click="btnPosition_Click"></Button>
                                <Button x:Name="btnRegMouseClick" Content="开启标记功能" Width="100" Height="23" Margin="0,20,0" Click="btnRegMouseClick_Click"></Button>
                                <Button x:Name="btnCleanMouseClick" Content="结束标记功能" Width="100" Height="23" Margin="0,0" Click="btnCleanMouseClick_Click"></Button>
                            </StackPanel>
                            
                            <!---　右键菜单　-->
                            <toolkit:ContextMenuService.ContextMenu>
                                <toolkit:ContextMenu Name="RightKeyMenu">
                                    <toolkit:MenuItem Header="开启标记功能"></toolkit:MenuItem>
                                    <toolkit:MenuItem Header="结束标记功能"></toolkit:MenuItem>
                                    <toolkit:Separator></toolkit:Separator>
                                    <toolkit:MenuItem Header="放大"></toolkit:MenuItem>
                                    <toolkit:MenuItem Header="缩小"></toolkit:MenuItem>
                                    <!--MenuItem详细定义格式-->
                                    <toolkit:MenuItem x:Name="testStyleItem">
                                        <toolkit:MenuItem.Header>
                                            <StackPanel Orientation="Horizontal">
                                                <!--定义选项前面的小图标-->
                                                <Image x:Name="itemIco1" Width="28" Height="28" Source="/SilverlightStudy1;component/Images/fj.jpg"></Image>
                                                <TextBlock Text="测试选项" Padding="5"></TextBlock>
                                            </StackPanel>
                                        </toolkit:MenuItem.Header>
                                    </toolkit:MenuItem>
                                </toolkit:ContextMenu>
                            </toolkit:ContextMenuService.ContextMenu>
                        </Grid>                        
                    </sdk:TabItem>
                </sdk:TabControl>
            </shinyRed:ShinyRedTheme>
        </Grid>
    </toolkit:DockPanel>
</UserControl>


小功能一:要求在鼠标在地图上滑动时,显示出鼠标在地图上所处位置的经纬度坐标.

我们先在Bing Map控件的元素<Map>　里面添加一个鼠标滑动的事件 .如上代码中,定的事件MouseMove="mapone_MouseMove"   注意:我这里给<Map>元素定了个Name,后面要用到的　Name="mapone"

事件定好了,我们还要在界面上给一个或两个控件用于显示经纬坐标信息.　我这里是在后台代码中动态添加的几个Label控件.大伙可以自己去工具箱里面拖出来放到界面上.

那现在我们来看看后台代码:

        /// <summary>
        /// 鼠标移动事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void mapone_MouseMove(object sender,MouseEventArgs e)
        {
            //获取动态添加的两个Label控件
            Label latValue = this.mapOperationPanel.FindName("latX") as Label;
            Label longValue = this.mapOperationPanel.FindName("longY") as Label;


            //根据鼠标在控件(地图控件mapone)的布局位置来获取鼠标在地图中的位置
            Location mapLocation = this.mapone.ViewportPointToLocation(e.GetPosition(this.mapone));


            //把得到的经纬度坐标信息显示出来.
            latValue.Content = mapLocation.Latitude.ToString();
            longValue.Content = mapLocation.Longitude.ToString();
        }

就一句代码的事.　最主要的还是Bing Map控件自带的一个方法　ViewportPointToLocation()　这个方法是接收一个Point类型的参数,这个方法就是根据视口点坐标获取相应的地图坐标;


小功能二:



额...　贴了一大堆乱码,其实就是这么个简单的问题.　　不过我个人还是觉得,在这里面写点这样的小编可以让我学得更好.至少写这篇废话前,这问题虽然是实现了,但是还有点小问题,自己绕了点弯子.写的时候就发现代码写的太废话了.

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

c# – 如何在Silverlight 4中绑定ContextMenu的IsEnabled属性？
如何在Silverlight4(XAML)中绑定IsEnabled属性？我试过简单的IsEnabled=“{BindingABC}”,但这不起作用–MenuItem总是启用.提前感谢您的线索！干杯编辑：有趣的是,当设置Mode=TwoWay时,绑定似乎有效.但是,在菜单项上移动鼠标后,将更新上下文菜单的外观.这是异步工作吗？右键
c# – 使用Silverlight / windows手机式控件设置我的.Net桌面应用程序GUI
我正在编写我的第一个vb.net应用程序(但我也会在这里标记c#,因为我确信即使是一个c#人也可以使用类似的.net实现来回答这个问题).我申请的简短说明：我的桌面应用程序将仅在win平台上运行,使用vb.net,它是一个简单的网吧管理软件,在服务器上运行服务器gui,在工作站上运行客户端gui,
c# – Silverlight：将服务调用和文件处理移动到后台线程
ProcessFile()是在UIThread上运行还是在单独的线程上运行.如果它在UIThread上,如何将文件请求和ProcessFile()移动到单独的线程？varxClient=newServiceReference1.Service1SoapClient();xClient.Retrieve_File_Completed+=newEventHandler<ServiceReference1.Retrieve_Fi
c# – 如何从ASP.NET / Silverlight开发人员成为sharepoint开发人员？
我从同行那里听说,对sharepoint的了解对职业生涯有益.我们不在办公室使用sharepoint.所以不知道如何开始.这些是我的新手问题>学习共享点值得努力吗？>学习sharepoint的资源在哪里？>我是否应该考虑开发哪些参考项目？感谢您的意见.解决方法:SharePoint以如此积极的方式改变了我的职业
c# – Windows Phone 8 – 将列表保存到IsolatedStorage
我正在尝试保存一个类我的类对象的集合.我收到一个错误说明：Thecollectiondatacontracttype‘System.Collections.Generic.Listcannotbedeserializedbecauseitdoesnothaveapublicparameterlessconstructor.Addingapublicparameterlessconstructorwillf
c# – 在XAML中使用绑定设置样式
我需要根据Silverlight中的某些配置值设置给定控件的Style.我想有可能从两种可用的样式(静态资源)中选择一个控件样式.我试图做一些像：<TextBoxStyle="{BindingABC}"/>哪里publicstringABC{get{return"{StaticResourceMyStyle}";}}不幸的是,这不起作用.你有
Android设备上的Silverlight / Moonlight
我刚买了第一台Android设备,我喜欢它…我也很喜欢你可以创建自己的应用程序并随意分发它们.我已经阅读了一些关于Monodroid的内容,而且显然微软希望将Silverlight放在这些设备上,尽管没有太多关于它们的信息……但是Moonlight呢？如果Monodroid就像Mono……为什么我们需要它呢？相反
c# – 从silverlight应用程序访问SQL Server数据库
我们的ASP.NET网站允许用户执行各种查询,并根据从数据库查询的结果显示网络图(如UML图).目前,我们正在生成一个位图并显示它.但由于我们需要支持允许用户以交互方式显示/隐藏某些块的功能,因此我们计划使用Silverlight来渲染图形.我们还计划在未来添加更多互动.我有两个问题：>ASP
c# – 自定义Silverlight启动画面导致白屏死机
我正在开发一个Silverlight4应用程序,我已经创建了一个自定义的启动画面.乍一看,自定义启动画面运行良好–非常好.几天后,我开始注意到闪屏不再显示,屏幕仍然是空白.这似乎只发生在我打开多个指向同一个应用程序的IE选项卡/窗口时.前几个将加载正常,而以下选项卡/窗口将保持“白
c# – 使用带偏移的RotateTransform问题旋转图像
这是我的XAML：<ImageVerticalAlignment="Center"HorizontalAlignment="Center"Source="{BindingInput,Converter={StaticResourceByteArrayToBitmapConverter}}"><Image.Rend
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native