Question

解决

我解决了这个问题，因为我必须添加一个MapItemsControl.ItemTemplate。如果没有它，它不会呈现除控件名称之外的任何内容。

所以只需添加以下代码：

<Maps:MapItemsControl x:Name="mainMapItems" ItemsSource="{Binding MapItems}">
 <Maps:MapItemsControl.ItemTemplate>
  <DataTemplate>
   <StackPanel Background="Transparent">
    <TextBlock Maps:MapControl.Location="{Binding Location}" Text="{Binding Title}" Maps:MapControl.NormalizedAnchorPoint="0.5,0.5" FontSize="20" Margin="5"/>
   </StackPanel>
  </DataTemplate>
 </Maps:MapItemsControl.ItemTemplate>
</Maps:MapItemsControl>

它并不完美，因为这不会在地图上给你一个图标，而只是一个文字。但是添加Image =＆＃34;＆＃34;可以很容易地解决它。在收藏中。

我试图在Template10布局中使用MapControl。

我使用的代码是

MainPage.xaml中

            <Maps:MapControl x:Name="MapControl1"
            ZoomInteractionMode="GestureAndControl"
            TiltInteractionMode="GestureAndControl"   
            MapServiceToken="<ApiCodeHere>"
            Loaded="{x:Bind ViewModel.Map_Loaded}"/>

MainPageViewModel.cs

    MapControl _Map;
    public MapControl Map { get { return _Map; } set { Set(ref _Map, value); RaisePropertyChanged(); } }

    public async void Map_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e)
    {

        MapControl newMap = new MapControl();

        Geoposition userLocation = await GetUserLocation();

        BasicGeoposition GeoPos_UserLocation = new BasicGeoposition() { Latitude = userLocation.Coordinate.Point.Position.Latitude, Longitude = userLocation.Coordinate.Point.Position.Longitude };
        BasicGeoposition GeoPos_NorthWest = new BasicGeoposition() { Latitude = userLocation.Coordinate.Point.Position.Latitude + 0.05, Longitude = userLocation.Coordinate.Point.Position.Latitude + 0.1 };
        BasicGeoposition GeoPos_SouthEast = new BasicGeoposition() { Latitude = userLocation.Coordinate.Point.Position.Latitude - 0.05, Longitude = userLocation.Coordinate.Point.Position.Latitude - 0.1 };

        GeoboundingBox mapBox = new GeoboundingBox(GeoPos_NorthWest, GeoPos_SouthEast);

        // Add Point for User
        MapIcon Icon_UserLocation = new MapIcon() { Location = new Geopoint(GeoPos_UserLocation) };
        newMap.MapElements.Add(Icon_UserLocation);
        newMap.Center = new Geopoint(mapBox.Center);

        Map = newMap;

        await Task.CompletedTask;
    }

Map_Loaded函数在exepcted时触发。我遇到麻烦的是，如果这是一个普通的项目，我会将数据直接设置为MapControl1.Center和MapControl1.MapElements.Add。但由于这是一个MVVM项目，这不是它的完成方式，我对如何继续进行了一些混淆。

我想做一些像Views.MainPage.MapControl1.Center = new Geopoint（），但这显然不起作用。

其他更新

事实证明，这和我想象的一样简单。只是按照正确的顺序思考问题。

MapControl具有缩放和中心等控件。所以对于MVVM代码，这是有效的

Center="{Binding MapCenter,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
Zoom="{Binding MapZoom,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"

但是我在设置MapItems方面遇到了问题，如我所提供的文档中描述的那样。

要在地图上获取项目，您需要添加MapItemsControl，它应该像这样工作......

<Maps:MapItemsControl x:Name="mainMapItems" ItemsSource="{Binding MapItems,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></Maps:MapItemsControl>

但我在MainPageViewModel.xaml中的代码不适用于此。这些项目不会更新。

IList<MapElement> _MapItems;
public IList<MapElement> MapItems { get { return _MapItems; } set { Set(ref _MapItems, value); RaisePropertyChanged(); } }

IList<MapElement> MapItems = new List<MapElement>() {
    new MapIcon() {
        Location = new Geopoint(GeoPos_UserLocation),
        Title = "You Are Here!"
    }
};

资料来源：Windows 10 SDK Bing Maps Control

Answer 1

我解决了这个问题，因为我必须添加一个MapItemsControl.ItemTemplate。如果没有它，它不会呈现除控件名称之外的任何内容。

所以只需添加以下代码：

<Maps:MapItemsControl x:Name="mainMapItems" ItemsSource="{Binding MapItems}">
 <Maps:MapItemsControl.ItemTemplate>
  <DataTemplate>
   <StackPanel Background="Transparent">
    <TextBlock Maps:MapControl.Location="{Binding Location}" Text="{Binding Title}" Maps:MapControl.NormalizedAnchorPoint="0.5,0.5" FontSize="20" Margin="5"/>
   </StackPanel>
  </DataTemplate>
 </Maps:MapItemsControl.ItemTemplate>
</Maps:MapItemsControl>

这并不完美，因为这不会在地图上给你一个图标，而只是一个文字。但是可以通过在Collection中添加Image =“”轻松解决。

Answer 2

尝试使用

ObservableCollection ObserverableCollection<MapElement> MapItems = new ObservableCollection<MapElement>();

因为您期望该项目在运行时可以更新＆＃34;或对更改作出反应ObhindableCollection幕后实现INPC

MapControl Template10

2 个答案: