sharee.bike-App/Meinkonrad/TINK/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:TINK.MultilingualResources;assembly=TINKLib"
	x:Class="TINK.View.Map.MapPage"
	xmlns:sharedGui="clr-namespace:ShareeSharedGuiLib.View"
	Shell.NavBarIsVisible="{Binding IsNavBarVisible}"
	BackgroundColor="{DynamicResource Key=background-color}">

	<Shell.TitleView >
		<Grid ColumnDefinitions="Auto, 1*">
			<Image Style="{StaticResource Image-Navbar}"/>
			<Label Style="{StaticResource Label-Navbar}"
				Text="{x:Static resources:AppResources.MarkingMapPage}"/>
		</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"
						MyLocationEnabled="True"
						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="KonradButton"
								AutomationId ="FilterKonrad_button"                    
								Text="{x:Static resources:AppResources.MarkingCityBike}"
								Command="{Binding OnToggleTinkToKonrad}" 
								IsVisible="{Binding IsToggleVisible}"
								BackgroundColor="{Binding KonradColor}"
								BorderColor="{Binding KonradColor}"
								BorderWidth="0"
								VerticalOptions="Center"
								HorizontalOptions="Center"
								WidthRequest="94"
								HeightRequest="40"
								CornerRadius="10"
								Margin="3,0,0,0"
								FontSize="Small"
								FontAttributes="Bold"
								TextColor="{Binding NoKonradColor}">
							</Button>
							<Button
								x:Name="TINKButton"
								AutomationId ="FilterTINK_button"
								Text="{x:Static resources:AppResources.MarkingCargoBike}"
								Command="{Binding OnToggleKonradToTink}"
								IsVisible="{Binding IsToggleVisible}"
								BackgroundColor="{Binding TinkColor}"
								BorderColor="{Binding TinkColor}"
								BorderWidth="0"
								VerticalOptions="Center"
								HorizontalOptions="Center"
								WidthRequest="94"
								HeightRequest="40"
								CornerRadius="10"
								Margin="0,0,3,0"
								FontSize="Small"
								FontAttributes="Bold"
								TextColor="{Binding NoTinkColor}">
							</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="18,Auto,1*"
							ColumnDefinitions="Auto"
							RowSpacing="0">
							<Image
								Grid.Row="1"
								Margin="-5">
								<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>