sharee.bike-App/LastenradBayern/ShareeBike/View/Map/MapPage.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
			xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
			xmlns:maps="clr-namespace:Xamarin.Forms.GoogleMaps;assembly=Xamarin.Forms.GoogleMaps"
			xmlns:bindings="clr-namespace:Xamarin.Forms.GoogleMaps.Bindings;assembly=Xamarin.Forms.GoogleMaps.Bindings"
			xmlns:resources="clr-namespace:ShareeBike.MultilingualResources;assembly=SharedBusinessLogic"
			x:Class="ShareeBike.View.Map.MapPage"
			xmlns:sharedGui="clr-namespace:SharedGui.View"
			Shell.NavBarIsVisible="{Binding IsNavBarVisible}"
			BackgroundColor="{DynamicResource Key=background-color}">

	<Shell.TitleView >
		<Grid ColumnDefinitions="Auto, 1*">
			<Label Style="{StaticResource Label-Navbar}"
				Text="{x:Static resources:AppResources.MarkingBikeLocations}"/>
		</Grid>
	</Shell.TitleView>

	<ContentPage.Content>

		<!--Grid for Map with Buttons and Running process-->
		<Grid>

			<StackLayout
				Spacing="0"
				Grid.Row="0">

				<sharedGui:NotConnectedToNetView/>

				<Grid
			RowDefinitions="20,46,1*,Auto"
			ColumnDefinitions="1*,Auto,1*"
					RowSpacing="0"
			IsEnabled="{Binding IsMapPageEnabled}"
			VerticalOptions="FillAndExpand">

					<!--Map-->
					<maps:Map
			Grid.RowSpan="3"
			Grid.ColumnSpan="3"
			WidthRequest="320"
			HeightRequest="800"
			x:Name="MyMap"
			MapType="Street">
						<maps:Map.Behaviors>
							<bindings:BindingPinsBehavior Value="{Binding Pins}"/>
							<bindings:PinClickedToCommandBehavior Command="{Binding PinClickedCommand}"/>
						</maps:Map.Behaviors>
					</maps:Map>

					<!--Buttons for choosing bike type-->
					<Frame
				CornerRadius="13"
				Grid.Row="1"
				Grid.Column="1"
				Margin="0"
				Padding="0"
				IsVisible="{Binding IsNavBarVisible}"
				BackgroundColor="{DynamicResource secondary-back-title-color}">
						<StackLayout
					Orientation="Horizontal"
					Margin="0"
					Padding="0">
							<Button
						x:Name="CitybikeButton"
						AutomationId ="FilterCitybike_button"                    
						Text="{x:Static resources:AppResources.MarkingCityBike}"
						Command="{Binding OnToggleCargoToCitybike}" 
						IsVisible="{Binding IsToggleVisible}"
						BackgroundColor="{Binding CitybikeColor}"
						BorderColor="{Binding CitybikeColor}"
						BorderWidth="0"
						VerticalOptions="Center"
						HorizontalOptions="Center"
						WidthRequest="94"
						HeightRequest="40"
						CornerRadius="10"
						Margin="3,0,0,0"
						FontSize="Small"
						FontAttributes="Bold"
						TextColor="{Binding NoCitybikeColor}">
							</Button>
							<Button
						x:Name="CargoButton"
						AutomationId ="FilterCargo_button"
						Text="{x:Static resources:AppResources.MarkingCargoBike}"
						Command="{Binding OnToggleCitybikeToCargo}"
						IsVisible="{Binding IsToggleVisible}"
						BackgroundColor="{Binding CargoColor}"
						BorderColor="{Binding CargoColor}"
						BorderWidth="0"
						VerticalOptions="Center"
						HorizontalOptions="Center"
						WidthRequest="94"
						HeightRequest="40"
						CornerRadius="10"
						Margin="0,0,3,0"
						FontSize="Small"
						FontAttributes="Bold"
						TextColor="{Binding NoCargoColor}">
							</Button>
						</StackLayout>
					</Frame>

					<!--MyBikes-->
					<Frame
						Grid.Row="2"
						Grid.Column="0"
						Grid.ColumnSpan="3"
						Margin="0,0,0,20"
						Padding="0"
						BackgroundColor="White"
						HasShadow="True"
						VerticalOptions="End"
						HorizontalOptions="CenterAndExpand"
						BorderColor="{DynamicResource primary-back-title-color}"
						CornerRadius="10">
						<Frame.Triggers>
							<DataTrigger
								TargetType="Frame"
								Binding="{Binding Path=MyBikesCountText.Length}" Value="0">
								<Setter Property="IsVisible" Value="false" />
							</DataTrigger>
						</Frame.Triggers>
						<Frame.GestureRecognizers>
							<TapGestureRecognizer Command="{Binding OnMyBikesButtonClicked}" />
						</Frame.GestureRecognizers>
						<Grid
							RowDefinitions="20,Auto,1*"
							ColumnDefinitions="Auto"
							RowSpacing="0">
							<Image
								Grid.Row="1"
								Margin="-3">
								<Image.Source>
									<FontImageSource
										Glyph="{StaticResource IconMyBikes}"
										Color="DimGray" FontFamily="FA-S"/>
								</Image.Source>
							</Image>
							<BoxView
								Grid.Row="0"
								Grid.RowSpan="2"
								BackgroundColor="{DynamicResource primary-back-title-color}"
								WidthRequest="20"
								HeightRequest="20"
								CornerRadius="10"
								HorizontalOptions="End"
								VerticalOptions="Start"
								Margin="5"/>
							<Frame
								Grid.Row="0"
								Grid.RowSpan="2"
								BackgroundColor="{DynamicResource primary-back-title-color}"
								WidthRequest="20"
								HeightRequest="20"
								CornerRadius="50"
								HasShadow="False"
								HorizontalOptions="End"
								VerticalOptions="Start"
								Padding="0"
								Margin="5">
								<Label
									Text="{Binding MyBikesCountText}"
									FontSize="Medium"
									FontAttributes="Bold"
									VerticalOptions="Center"
									HorizontalOptions="Center"
									TextColor="White"
									Padding="0"
									Margin="-10"/>
							</Frame>
							<Label
								Grid.Row="2"
								Text="{x:Static resources:AppResources.MarkingMyBikes}"
								FontSize="Micro"
								TextColor="DimGray"
								VerticalOptions="Center"
								Margin="10,0,10,5"
								Padding="0"/>
						</Grid>
					</Frame>

					<!--Info text-->
					<Label
						Grid.Row="3"
						Grid.ColumnSpan="3"
						Text="{Binding StatusInfoText}"
						IsVisible="{Binding Path=IsProcessWithRunningProcessView, Converter={StaticResource InvertedBoolConverter}}"
						FontSize="Small"
						TextColor="DimGray" 
						HorizontalOptions="CenterAndExpand">
						<Label.Triggers>
							<DataTrigger
							TargetType="Label"
							Binding="{Binding Path=StatusInfoText.Length}" Value="0">
								<Setter Property="HeightRequest" Value="0" />
							</DataTrigger>
							<DataTrigger
							TargetType="Label"
							Binding="{Binding Path=StatusInfoText}" Value="Offline.">
								<Setter Property="HeightRequest" Value="0" />
							</DataTrigger>
						</Label.Triggers>
					</Label>

				</Grid>

			</StackLayout>

			<!--While process is running-->
			<sharedGui:RunningProcessView
					IsVisible="{Binding IsProcessWithRunningProcessView}"
					Grid.Row="0"/>
		</Grid>

	</ContentPage.Content>

</ContentPage>