In this section, we will begin by updating the user interface for our WalkDistancePage by using XAML. This will be used to display a full-screen map with a pin placeholder that, when tapped, will display information related to the chosen trail from the ListView contained within our WalksMainPage.
Let's start by updating the user interface for our WalkTrailInfoPage by performing the following steps:
Locate and open the WalkDistancePage.xaml file which is located in the Views folder, ensuring that it is displayed within the code editor, and enter the following highlighted code sections:
<?xml version="1.0" encoding="UTF-8"?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" ...