使用C#和MVVM信息框和图钉绑定的Bing地图
我正在尝试为我的Windows8.1程序实现一个地图屏幕,并将BingMapsAPI与C#和MVVM结合使用 我面临的问题是: 首先,我能够使用xaml中的绑定在地图上显示图钉和信息框,但是当我移动地图时,信息框保持在相同的位置(在这种情况下居中),而不是跟随图钉或地图移动 这里是xaml:使用C#和MVVM信息框和图钉绑定的Bing地图,c#,wpf,mvvm,windows-store-apps,bing-maps,C#,Wpf,Mvvm,Windows Store Apps,Bing Maps,我正在尝试为我的Windows8.1程序实现一个地图屏幕,并将BingMapsAPI与C#和MVVM结合使用 我面临的问题是: 首先,我能够使用xaml中的绑定在地图上显示图钉和信息框,但是当我移动地图时,信息框保持在相同的位置(在这种情况下居中),而不是跟随图钉或地图移动 这里是xaml: <bm:Map ZoomLevel="15" Height="500" Width="600" ShowTraffic="False" ShowScaleBar="False" ShowNavigat
<bm:Map ZoomLevel="15" Height="500" Width="600" ShowTraffic="False" ShowScaleBar="False" ShowNavigationBar="False" ShowBreadcrumb="False" ShowBuildings="False"
Credentials="xxxxxxx" Name="myMap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
<bm:Map.Center>
<bm:Location Latitude="-25.450520" Longitude="-49.251557" />
</bm:Map.Center>
<bm:Map.Children>
<bm:MapLayer Name="DataLayer">
<bm:Pushpin Style="{Binding PushpinStyle}">
<bm:MapLayer.Position>
<bm:Location Latitude="{Binding Establishment.Pin.Latitude, Mode=OneWay}" Longitude="{Binding Establishment.Pin.Longitude, Mode=OneWay}" />
</bm:MapLayer.Position>
</bm:Pushpin>
</bm:MapLayer>
<bm:MapLayer Margin="5,0,0,0" Position="{Binding InfoboxPosition}" Height="Auto" Width="Auto" >
<Grid x:Name="Infobox" Visibility="{Binding InfoboxVisibility}" Margin="35,0,0,0" Height="Auto" >
<Border MaxWidth="350" Style="{StaticResource InfoboxBorderStyle}" />
<StackPanel Margin="10" MinWidth="200" MaxWidth="350">
<Grid>
<TextBlock Text="{Binding Establishment.Name}" Style="{StaticResource InfoboxTitleStyle}" />
</Grid>
<TextBlock Text="{Binding EstablishmentAddress}" Style="{StaticResource InfoboxContentStyle}" MaxWidth="290" Margin="7" />
</StackPanel>
</Grid>
</bm:MapLayer>
</bm:Map.Children>
</bm:Map>
我需要在ViewModel中完成这一切。
我是MVVM新手,任何人都可以给我一些提示吗?我一直在阅读有关MVVM的文章,有些人说视图应该负责所有演示交互,而ViewModel应该负责数据 我使用以下结构使其工作: 视图: 我的codebehind在数据源更改后将事件“Pushpin.Tapped”添加到“数据层”中的所有管脚,并控制信息框的位置和可见性。 我认为这不是一个打破模式的方法,如果你们有任何建议或意见,我很高兴听到
public MapControl()
{
this.InitializeComponent();
AddPushpin(new Location(-25.450520, -49.251557), "Title", "Description", DataLayer, EstablishmentKindEnum.Cinema);
}
private async void pushpinTapped(object sender, TappedRoutedEventArgs e)
{
Pushpin p = sender as Pushpin;
PushpinMetadata m = (PushpinMetadata)p.Tag;
//Ensure there is content to be displayed before modifying the infobox control
if (!String.IsNullOrEmpty(m.Title) || !String.IsNullOrEmpty(m.Description))
{
Infobox.DataContext = m;
Infobox.Visibility = Visibility.Visible;
MapLayer.SetPosition(Infobox, MapLayer.GetPosition(p));
}
else
Infobox.Visibility = Visibility.Collapsed;
}
private void CloseInfobox_Tapped(object sender, TappedRoutedEventArgs e)
{
Infobox.Visibility = Visibility.Collapsed;
}
public void AddPushpin(Location latlong, string title, string description, MapLayer layer, EstablishmentKindEnum kind)
{
var pushpin = MapHelper.CreatePushpin(latlong, title, description, kind);
MapLayer.SetPosition(pushpin, latlong);
pushpin.Tapped += pushpinTapped;
layer.Children.Add(pushpin);
}
<Grid>
<bm:Map ZoomLevel="15" Height="500" Width="600" ShowTraffic="False" ShowScaleBar="False" ShowNavigationBar="False" ShowBreadcrumb="False" ShowBuildings="False"
Credentials="xxxxxx" Name="myMap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" DataContextChanged="Map_DataContextChanged">
<bm:Map.Center>
<bm:Location Latitude="-25.450520" Longitude="-49.251557" />
</bm:Map.Center>
<bm:Map.Children>
<bm:MapLayer Name="DataLayer">
<bm:Pushpin Style="{Binding PushpinStyle}">
<bm:MapLayer.Position>
<bm:Location Latitude="{Binding Establishment.Pin.Latitude, Mode=OneWay}" Longitude="{Binding Establishment.Pin.Longitude, Mode=OneWay}" />
</bm:MapLayer.Position>
</bm:Pushpin>
</bm:MapLayer>
<bm:MapLayer Margin="5,0,0,0" Height="Auto" Width="Auto" >
<Grid x:Name="Infobox" Visibility="Collapsed" Margin="35,0,0,0" Height="Auto" >
<Border MaxWidth="350" Style="{StaticResource InfoboxBorderStyle}" />
<StackPanel Margin="10" MinWidth="200" MaxWidth="350">
<Grid>
<TextBlock Text="{Binding Establishment.Name}" Style="{StaticResource InfoboxTitleStyle}" />
<Button Tapped="CloseInfobox_Tapped" Style="{StaticResource InfoboxCloseButtonStyle}" />
</Grid>
<TextBlock Text="{Binding EstablishmentAddress}" Style="{StaticResource InfoboxContentStyle}" MaxWidth="290" Margin="7" />
</StackPanel>
</Grid>
</bm:MapLayer>
</bm:Map.Children>
</bm:Map>
</Grid>
public sealed partial class MapControl : UserControl
{
public MapControl()
{
this.InitializeComponent();
}
private async void pushpinTapped(object sender, TappedRoutedEventArgs e)
{
Pushpin p = sender as Pushpin;
Infobox.Visibility = Visibility.Visible;
MapLayer.SetPosition(Infobox, MapLayer.GetPosition(p));
}
private void CloseInfobox_Tapped(object sender, TappedRoutedEventArgs e)
{
Infobox.Visibility = Visibility.Collapsed;
}
private void Map_DataContextChanged(FrameworkElement sender, DataContextChangedEventArgs args)
{
if (DataLayer.Children != null)
foreach (var pin in DataLayer.Children)
{
pin.Tapped += pushpinTapped;
}
}
}