{"id":13761,"date":"2023-10-02T06:03:01","date_gmt":"2023-10-02T06:03:01","guid":{"rendered":"https:\/\/positiwise.com\/blog\/?p=13761"},"modified":"2023-10-02T06:03:04","modified_gmt":"2023-10-02T06:03:04","slug":"how-to-implement-maps-in-net-maui-apps","status":"publish","type":"post","link":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps","title":{"rendered":"How to Implement Maps in .NET MAUI Apps"},"content":{"rendered":"\n<p><strong class=\"pw-highlight-text-color\"><em>Quick Overview:<\/em><\/strong><br>With the rapidly increasing demand to optimize user engagement, maps are becoming integral to applications. Mostly, apps use a third-party service to display the map and offer associated functionalities. But for .NET MAUI applications, the built-in .NET MAUI Maps method has an added advantage. It aids in implementing maps in quick steps, which you are going to understand in this blog.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#A_Run-Through_NET_Core_vs_Nodejs\" >A Run-Through: .NET Core vs Node.js<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#NET_Core\" >.NET Core<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Pros_of_using_NET_Core\" >Pros of using .NET Core<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Nodejs\" >Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#A_Deep_Dive_into_NET_Core_vs_Nodejs\" >A Deep Dive into .NET Core vs. Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Processing_Approach_and_Performance\" >Processing Approach and Performance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Security\" >Security<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Scalability\" >Scalability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Platform_Adaptability\" >Platform Adaptability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Support_from_Community\" >Support from Community<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Comparison_Table_between_NET_Core_and_Nodejs\" >Comparison Table between .NET Core and Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\/#Wrapping_Up_on_NET_Core_vs_Nodejs\" >Wrapping Up on .NET Core vs Node.js<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started with .NET MAUI Maps<\/h2>\n\n\n\n<p>Users always consider maps a reliable way of providing location-based information. It makes the application more appealing and accurate in offering output, helping in user engagement optimization.<\/p>\n\n\n\n<p>Implementing maps in the .NET MAUI Apps is a smooth and streamlined task. However, you should be familiar with and have previously worked with the .NET MAUI framework. If you know the fundamentals, this tutorial is for making an application using the .NET MAUI Maps functionality, including the latest <a href=\"https:\/\/positiwise.com\/blog\/dot-net-maui-desktop-features\">.NET MAUI New Features.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Use Cases of Application Using the .NET MAUI Maps Feature<\/h2>\n\n\n\n<p>Nowadays, you can see numerous applications displaying maps for their respective purposes. Most of them use the .NET MAUI for .NET 7, as it\u2019s an easy-to-use mechanism, instead of some other third-party integration. Below are some of its top use cases where this .NET MAUI framework map functionality is getting utilized:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In food and grocery delivery, applications show the current location of the delivery agent.<\/li>\n\n\n\n<li>Navigational systems developed for automobiles and other fleets.<\/li>\n\n\n\n<li>Mobile apps linked with smartwatches show the covered distance.<\/li>\n\n\n\n<li>In courier applications, to track the parcels and orders.<\/li>\n\n\n\n<li>In applications requiring location access to provide the services.<\/li>\n\n\n\n<li>In social media applications, just like the Snapchat map.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">What are the Steps To Use Maps in .NET MAUI Apps?<\/h2>\n\n\n\n<p>To use Maps in <a href=\"https:\/\/positiwise.com\/blog\/net-maui-leveraging-uis-across-devices\">.NET MAUI apps<\/a>, we will use the built-in Map control feature. It will offer a high-speed and seamless experience in utilizing maps on every compatible platform.<\/p>\n\n\n\n<p>In this tutorial, we will configure the API requirements for each platform, enabling the users to view maps for viewing current locations, zoom in and out, view traffic data, and more. Let&#8217;s begin by setting up the map control in the initial phase.<\/p>\n\n\n\n<p>The procedure to integrate maps with the .NET MAUI framework includes the following steps:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Installation and Setup of .NET MAUI Maps Package<\/h3>\n\n\n\n<p>To install the maps package, we will use the <strong><em>NuGet package installer.<\/em><\/strong> You need to open your .NET MAUI application project using the preferred IDE, Visual Studio 2019, or the above version.<\/p>\n\n\n\n<p>Once the project gets opened, access the NuGet package manager and search for the &#8220;<strong><em>Microsoft.Maui.Controls.Maps<\/em><\/strong>&#8221; package. Once the manager displays the package, click on it to install and activate.<\/p>\n\n\n\n<p>Further, modify the application code per the below snippet. The primary purpose of this code block is to call the <strong>UseMauiMap<\/strong> method to enable the app to utilize Map APIs in the application.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>public static class MauiProgram\r\n{\r\n    public static MauiApp CreateMauiApp()\r\n    {\r\n        var builder = MauiApp.CreateBuilder();\r\n        builder\r\n            .UseMauiApp&lt;App>()\r\n            .ConfigureFonts(fonts =>\r\n            {\r\n                fonts.AddFont(\"OpenSans-Regular.ttf\", \"OpenSansRegular\");\r\n                fonts.AddFont(\"OpenSans-Semibold.ttf\", \"OpenSansSemibold\");\r\n            })\r\n            .UseMauiMaps();\r\n\r\n        return builder.Build();\r\n    }\r\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Additional Configuration Per Platform Requirements<\/h3>\n\n\n\n<p>You need to meet the platform requirements to display the maps on Android and iOS-based devices. Also, your application will need the appropriate permissions to access and display the end-user&#8217;s current location. So, let\u2019s see the process for each platform individually.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Android Configuration<\/strong><\/h4>\n\n\n\n<p>To configure maps for Android devices, you should complete the following four implementations:<\/p>\n\n\n\n<p><strong>1. Adding Google Maps API to the MAUI app<\/strong><\/p>\n\n\n\n<p>To avail of your Google Map API keys, you will be required to create a Google Cloud console account and then navigate to developers.google.com. After obtaining the keys, they should get added within the &lt;application> element, present inside the \u201c<strong><em>Platforms\/Android\/AndroidManifest.xml<\/em><\/strong>\u201d file as displayed below:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;application android:allowBackup=\"true\" android:icon=\"@mipmap\/appicon\" android:roundIcon=\"@mipmap\/appicon_round\" android:supportsRtl=\"true\">\r\n  &lt;meta-data android:name=\"com.google.android.geo.API_KEY\" android:value=\"PASTE-YOUR-API-KEY-HERE\" \/>\r\n&lt;\/application><\/code><\/pre>\n\n\n\n<p><strong>2. Google Play Services Number Specification<\/strong><\/p>\n\n\n\n<p>Again, within the &lt;application> element of the <strong><em>AndroidManifest.xml<\/em><\/strong> file, put the below declaration. It will embed the Google Play Services version used for compiling the .NET MAUI app.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta-data android:name=\"com.google.android.gms.version\" android:value=\"@integer\/google_play_services_version\" \/><\/code><\/pre>\n\n\n\n<p><strong>3. Location Permission Configuration<\/strong><\/p>\n\n\n\n<p>Location permission configuration is optional, as it\u2019s required if you want to display the user\u2019s current location or want to utilize the associated data.<\/p>\n\n\n\n<p>To configure permissions, your application has to utilize <strong><em>ACCESS_COARSE_LOCATION<\/em><\/strong> (uses mobile data or Wi-Fi network) or <strong><em>ACCESS_FINE_LOCATION<\/em><\/strong> (uses GPS system) permissions. In addition, you should define it within the &lt;manifest> element as its child.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;manifest xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\r\n  ...\r\n  &lt;!-- Required to access the user's location -->\r\n  &lt;uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\" \/>\r\n  &lt;uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\" \/>\r\n&lt;\/manifest><\/code><\/pre>\n\n\n\n<p><strong>4. WRITE_EXTERNAL_STORAGE Permission Specification<\/strong><\/p>\n\n\n\n<p>This permission is necessary if the .NET MAUI app uses API 22 or below. It\u2019s also configured within <strong><em>&lt;manifest><\/em><\/strong> element as its child.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\" \/><\/code><\/pre>\n\n\n\n<p>Your .NET MAUI application is ready to use maps on Android devices.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">iOS and Catalyst Mac Configuration<\/h4>\n\n\n\n<p>You don&#8217;t need to perform any additional configuration for displaying maps on iOS devices using dotnet MAUI applications. However, if you want to access the current location, then add the following two permission services in <strong><em>Info.plist<\/em><\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>NSLocationAlwaysAndWhenInUseUsageDescription (For always accessing the location)<\/li>\n\n\n\n<li>NSLocationWhenInUseUsageDescription (For accessing the location while the application is active)<\/li>\n<\/ul>\n\n\n\n<p>To configure these permissions, open <strong><em>Info.plist<\/em><\/strong> and modify it per below code block:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;key>NSLocationAlwaysAndWhenInUseUsageDescription&lt;\/key>\r\n&lt;string>Can we use your location at all times?&lt;\/string>\r\n&lt;key>NSLocationWhenInUseUsageDescription&lt;\/key>\r\n&lt;string>Can we use your location when your app is being used?&lt;\/string><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Displaying a map and defining the Map Controls per Requirements<\/h3>\n\n\n\n<p>After installing the NuGet package and performing configuration for Android and iOS devices, you should define the map properties. It will help you define:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>How the map will be showcased on the screen.<\/li>\n\n\n\n<li>Which location or part of the map will it show to the user?<\/li>\n\n\n\n<li>How will the current location be showcased?<\/li>\n\n\n\n<li>What type of map will be viewed by the user and more?<\/li>\n<\/ul>\n\n\n\n<p>Primarily, at this step, we will configure the view and features of the .NET MAUI maps.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Code to Display a Map<\/h4>\n\n\n\n<p>To <strong>display the map<\/strong>, you have to add the following XAML or C# code to the page. As a result, the application will directly call the map constructor.<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ContentPage ...\r\n             xmlns:maps=\"clr-namespace:Microsoft.Maui.Controls.Maps;assembly=Microsoft.Maui.Controls.Maps\">\r\n    &lt;maps:Map x:Name=\"map\" \/>\r\n&lt;\/ContentPage><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using Map = Microsoft.Maui.Controls.Maps.Map;\r\n\r\nnamespace WorkingWithMaps\r\n{\r\n    public class MapTypesPageCode : ContentPage\r\n    {\r\n        public MapTypesPageCode()\r\n        {\r\n            Map map = new Map();\r\n            Content = map;\r\n        }\r\n    }\r\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Code to Display Specific Map Types<\/h4>\n\n\n\n<p>Next, to <strong>display a specific map type<\/strong>, such as with Street, Satellite, or Hybrid view, we will use the <strong><em>Map.MapType<\/em><\/strong> property.<\/p>\n\n\n\n<p>By default, you will see the maps displayed with street view. However, to modify it, you can use the following XAML or C# code block:<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;maps:Map MapType=\"Satellite\" \/><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Map map = new Map\r\n{\r\n    MapType = MapType.Satellite\r\n};<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Code to display a specific location on a map<\/h4>\n\n\n\n<p>Further, to <strong>display a specific location on the map<\/strong>, you will pass the MapSpan arguments. The system will receive latitude and longitude data, with a focus on presenting the corresponding location to the user. As a result, whenever the user opens the map, that specific location will be displayed.<\/p>\n\n\n\n<p>However, if you want to show the current location of the user, then you need to fetch the current longitude and latitude data and pass it as arguments.<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ContentPage ...\r\n             xmlns:maps=\"clr-namespace:Microsoft.Maui.Controls.Maps;assembly=Microsoft.Maui.Controls.Maps\"\r\n             xmlns:sensors=\"clr-namespace:Microsoft.Maui.Devices.Sensors;assembly=Microsoft.Maui.Essentials\">\r\n    &lt;maps:Map>\r\n        &lt;x:Arguments>\r\n            &lt;MapSpan>\r\n                &lt;x:Arguments>\r\n                    &lt;sensors:Location>\r\n                        &lt;x:Arguments>\r\n                            &lt;x:Double>36.9628066&lt;\/x:Double>\r\n                            &lt;x:Double>-122.0194722&lt;\/x:Double>\r\n                        &lt;\/x:Arguments>\r\n                    &lt;\/sensors:Location>\r\n                    &lt;x:Double>0.01&lt;\/x:Double>\r\n                    &lt;x:Double>0.01&lt;\/x:Double>\r\n                &lt;\/x:Arguments>\r\n            &lt;\/MapSpan>\r\n        &lt;\/x:Arguments>\r\n    &lt;\/maps:Map>\r\n&lt;\/ContentPage><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using Microsoft.Maui.Maps;\r\nusing Map = Microsoft.Maui.Controls.Maps.Map;\r\n...\r\n\r\nLocation location = new Location(36.9628066, -122.0194722);\r\nMapSpan mapSpan = new MapSpan(location, 0.01, 0.01);\r\nMap map = new Map(mapSpan);<\/code><\/pre>\n\n\n\n<p>In the above code, a MapSpan object is getting used. You should focus on defining it appropriately and passing the right arguments. While configuring it, remember to include latitude and longitude as location objects, and their degree gets spanned with double values.<\/p>\n\n\n\n<p>Further, now we will <strong>configure the map to move and zoom<\/strong> using the MoveToRegion method. Again, we will pass the MapSpan arguments for it.<\/p>\n\n\n\n<p>To move the .NET MAUI map, use the following code configuration:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>using Microsoft.Maui.Maps;\r\nusing Microsoft.Maui.Controls.Maps.Map;\r\n...\r\n\r\nMapSpan mapSpan = MapSpan.FromCenterAndRadius(location, Distance.FromKilometers(0.444));\r\nmap.MoveToRegion(mapSpan);<\/code><\/pre>\n\n\n\n<p>To zoom in on the map, use the below code. It will display the current live location with a zoomed view:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>double zoomLevel = 0.5;\r\ndouble latlongDegrees = 360 \/ (Math.Pow(2, zoomLevel));\r\nif (map.VisibleRegion != null)\r\n{\r\n    map.MoveToRegion(new MapSpan(map.VisibleRegion.Center, latlongDegrees, latlongDegrees));\r\n}<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Code to display traffic data<\/h4>\n\n\n\n<p>Additionally, <strong>to display the traffic and user&#8217;s location and to disable zoom and scroll<\/strong>, you can reference the below-provided code blocks for all such functionalities.<\/p>\n\n\n\n<p>To <strong>show the traffic<\/strong>, you need to define the \u201cIsTrafficEnabled\u201d property of the Map class using the bool type. You should modify the default value from False to True to activate it. The XAML and C# codes for it are as follows:<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;maps:Map IsTrafficEnabled=\"true\" \/><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Map map = new Map\r\n{\r\n    IsTrafficEnabled = true\r\n};<\/code><\/pre>\n\n\n\n<p>To disable the scroll, you should use the \u201c<strong><em>IsScrollEnabled<\/em><\/strong>\u201d property of the Map class. Like traffic data configuration, change the default value to True, which will be active.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Code to disable scroll<\/h4>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;maps:Map IsScrollEnabled=\"false\" \/><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Map map = new Map\r\n{\r\n    IsScrollEnabled = false\r\n};<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Code to disable zoom<\/h4>\n\n\n\n<p>In addition, <strong>to disable the zoom<\/strong>, utilize the \u201cIsZoomEnabled\u201d property of the Map class. Change the value from False to True and start maps to disallow zooming.<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;maps:Map IsZoomEnabled=\"false\" \/><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Map map = new Map\r\n{\r\n    IsZoomEnabled = false\r\n};<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Code to display the user&#8217;s location<\/h4>\n\n\n\n<p><strong>To display the user\u2019s location<\/strong>, you should define the \u201cIsShowingUser\u201d property of the Map class. Similar to other configurations till now, change the default value to True. But remember that before you configure it, ensure that your application is using the relevant method to grant permission for location access. Otherwise, this feature will not work on your .NET MAUI application.<\/p>\n\n\n\n<p><strong><em>XAML Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;maps:Map IsShowingUser=\"true\" \/><\/code><\/pre>\n\n\n\n<p><strong><em>C# Code:<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Map map = new Map\r\n{\r\n    IsShowingUser = true\r\n};<\/code><\/pre>\n\n\n\n<p>Now, we have completed the fundamental configuration of .NET MAUI Apps. As an output, your application will fetch the user&#8217;s location and display it after availing all the permissions.<\/p>\n\n\n\n<div class=\"wp-block-group border rounded bg-light has-global-padding is-layout-constrained wp-container-core-group-is-layout-a666d811 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-text-align-center fs-2 text-blue lh-sm has-contrast-color has-text-color\"><strong>Build Your Business with Custom .NET Application Development Services<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center mt-2\">Take your business online with custom ASP.NET app development services. Our top .NET developers deliver secure, scalable web applications to grow your enterprise business.<\/p>\n\n\n\n<div class=\"wp-block-buttons mt-3 is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-base-color has-text-color has-background wp-element-button\" href=\"https:\/\/positiwise.com\/hire-asp-net-developers\" style=\"border-radius:100px;background-color:#ed7923;padding-top:10px;padding-right:30px;padding-bottom:10px;padding-left:30px\"><strong>Hire .NET Developers!<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How To Avail of .NET Development Services For .NET MAUI Development?<\/h2>\n\n\n\n<p>.NET MAUI is an advanced way of developing cross-platform compatible applications. If you want to avail of .NET MAUI development services, then always <a href=\"https:\/\/positiwise.com\/hire-asp-net-developers\">hire asp.net developers<\/a> from an experienced firm. In addition, for affordable software development, I prefer outsourcing the resources.<\/p>\n\n\n\n<p>Also, remember to follow the below checklist before you collaborate with a <a href=\"https:\/\/positiwise.com\/technologies\/dot-net-development\">dot net development<\/a> company:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure that the company is offering all development and post-development services.<\/li>\n\n\n\n<li>Verify the projects in the firm\u2019s portfolio.<\/li>\n\n\n\n<li>Assess the terms and conditions before signing a contract.<\/li>\n\n\n\n<li>Prefer the company with a flexible pricing model, 100% transparency, and zero additional charges.<\/li>\n\n\n\n<li>Interview the developers, designers, and testers before hiring them.<\/li>\n\n\n\n<li>Undergo the company\u2019s development procedure for better clarity.<\/li>\n<\/ul>\n\n\n\n<p>Undergoing the checklist will cover all the fundamental requirements that you need to know.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up on Implementing Maps in .NET MAUI Apps<\/h2>\n\n\n\n<p>.NET MAUI Maps is a built-in feature of the framework that enables the display of maps to users in the required format. To implement maps, streamline the process by installing the necessary packages to your project using the NuGet package manager. Further, as provided above, you must configure the additional Android and iOS settings. As a result, you will be able to implement Maps in .NET MAUI apps seamlessly.<\/p>\n\n\n\n<p>Additionally, you should configure different map features, such as zoom, map type, scroll, and permissions. All such configurations entirely depend on your needs. Once you finalize them, compile the app, and it will start providing the map functionality. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/p>\n  <div class=\"related-post slider\">\r\n        <div class=\"headline\">Related Posts<\/div>\r\n    <div class=\"post-list owl-carousel\">\r\n\r\n            <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-java-technology\">\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1.jpg 1200w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-300x200.jpg 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-1024x683.jpg 1024w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-java-technology\">\r\n        .Net Core vs. Java \u2013 Which One You Should Use for Your Projects?  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Precise Road Map for ASP.NET Developers\" href=\"https:\/\/positiwise.com\/blog\/roadmap-for-asp-dot-net-developers\">\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"621\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Hire ASP.NET Developers - A Precise Road Map to Employ ASP.NET Developers\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1.jpg 1021w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1-300x182.jpg 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1-768x467.jpg 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Precise Road Map for ASP.NET Developers\" href=\"https:\/\/positiwise.com\/blog\/roadmap-for-asp-dot-net-developers\">\r\n        Precise Road Map for ASP.NET Developers  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\".NET Core vs Node.js: The Difference Explained by Web Expert\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\">\r\n\r\n      <img loading=\"lazy\" decoding=\"async\" width=\"1021\" height=\"621\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/NET-Core-VS-Node-js-jpg.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"NET-Core-VS-Node-js\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/NET-Core-VS-Node-js-jpg.webp 1021w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/NET-Core-VS-Node-js-300x182.webp 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/NET-Core-VS-Node-js-768x467.webp 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\".NET Core vs Node.js: The Difference Explained by Web Expert\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-node-js\">\r\n        .NET Core vs Node.js: The Difference Explained by Web Expert  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n  <script>\r\n      <\/script>\r\n  <style>\r\n    .related-post {}\r\n\r\n    .related-post .post-list {\r\n      text-align: left;\r\n          }\r\n\r\n    .related-post .post-list .item {\r\n      margin: 5px;\r\n      padding: 0px;\r\n          }\r\n\r\n    .related-post .headline {\r\n      font-size: 2rem !important;\r\n      color: #212529 !important;\r\n          }\r\n\r\n    .related-post .headline {\r\nmargin-top: 0;\r\npadding-left: 1%;\r\n}.related-post .post-list .item .post_thumb {\r\n      max-height: 220px;\r\n      margin: 0px 0px 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n          }\r\n\r\n    .related-post .post-list .item .post_title {\r\n      font-size: 1rem;\r\n      color: #212529;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .post-list .item .post_excerpt {\r\n      font-size: 13px;\r\n      color: #3f3f3f;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .owl-dots .owl-dot {\r\n          }\r\n\r\n      <\/style>\r\n      <script>\r\n      jQuery(document).ready(function($) {\r\n        $(\".related-post .post-list\").owlCarousel({\r\n          items: 3,\r\n          responsiveClass: true,\r\n          responsive: {\r\n            0: {\r\n              items: 1,\r\n            },\r\n            768: {\r\n              items: 2,\r\n            },\r\n            1200: {\r\n              items: 3,\r\n            }\r\n          },\r\n                      rewind: true,\r\n                                loop: true,\r\n                                center: true,\r\n                                autoplay: true,\r\n            autoplayHoverPause: true,\r\n                                nav: true,\r\n            navSpeed: 1000,\r\n            navText: ['<i class=\"fas fa-chevron-left\"><\/i>', '<i class=\"fas fa-chevron-right\"><\/i>'],\r\n                                dots: true,\r\n            dotsSpeed: 1200,\r\n                                                    rtl: false,\r\n          \r\n        });\r\n      });\r\n    <\/script>\r\n  <\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Quick Overview:With the rapidly increasing demand to optimize user engagement, maps are becoming integral to applications. Mostly, apps [&hellip;]<\/p>\n  <div class=\"related-post slider\">\r\n        <div class=\"headline\">Related Posts<\/div>\r\n    <div class=\"post-list owl-carousel\">\r\n\r\n            <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-java-technology\">\r\n\r\n      <img width=\"1200\" height=\"800\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1.jpg 1200w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-300x200.jpg 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-1024x683.jpg 1024w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2021\/12\/web-security-partner-1-768x512.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\".Net Core vs. Java \u2013 Which One You Should Use for Your Projects?\" href=\"https:\/\/positiwise.com\/blog\/net-core-vs-java-technology\">\r\n        .Net Core vs. Java \u2013 Which One You Should Use for Your Projects?  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"Precise Road Map for ASP.NET Developers\" href=\"https:\/\/positiwise.com\/blog\/roadmap-for-asp-dot-net-developers\">\r\n\r\n      <img width=\"1021\" height=\"621\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"Hire ASP.NET Developers - A Precise Road Map to Employ ASP.NET Developers\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1.jpg 1021w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1-300x182.jpg 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/dealership-1200x800-1-768x467.jpg 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"Precise Road Map for ASP.NET Developers\" href=\"https:\/\/positiwise.com\/blog\/roadmap-for-asp-dot-net-developers\">\r\n        Precise Road Map for ASP.NET Developers  <\/a>\r\n\r\n        <\/div>\r\n              <div class=\"item\">\r\n            <div class=\"thumb post_thumb\">\r\n    <a  title=\"A Descriptive Guide to .NET Framework\" href=\"https:\/\/positiwise.com\/blog\/a-descriptive-guide-to-dot-net-framework\">\r\n\r\n      <img width=\"1021\" height=\"621\" src=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/a-descriptive-guide-to-dot-net-framework.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"A Descriptive Guide to .NET Framework\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/a-descriptive-guide-to-dot-net-framework.jpg 1021w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/a-descriptive-guide-to-dot-net-framework-300x182.jpg 300w, https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2022\/01\/a-descriptive-guide-to-dot-net-framework-768x467.jpg 768w\" sizes=\"auto, (max-width: 1021px) 100vw, 1021px\" \/>\r\n\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a class=\"title post_title\"  title=\"A Descriptive Guide to .NET Framework\" href=\"https:\/\/positiwise.com\/blog\/a-descriptive-guide-to-dot-net-framework\">\r\n        A Descriptive Guide to .NET Framework  <\/a>\r\n\r\n        <\/div>\r\n      \r\n  <\/div>\r\n\r\n  <script>\r\n      <\/script>\r\n  <style>\r\n    .related-post {}\r\n\r\n    .related-post .post-list {\r\n      text-align: left;\r\n          }\r\n\r\n    .related-post .post-list .item {\r\n      margin: 5px;\r\n      padding: 0px;\r\n          }\r\n\r\n    .related-post .headline {\r\n      font-size: 2rem !important;\r\n      color: #212529 !important;\r\n          }\r\n\r\n    .related-post .headline {\r\nmargin-top: 0;\r\npadding-left: 1%;\r\n}.related-post .post-list .item .post_thumb {\r\n      max-height: 220px;\r\n      margin: 0px 0px 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n          }\r\n\r\n    .related-post .post-list .item .post_title {\r\n      font-size: 1rem;\r\n      color: #212529;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .post-list .item .post_excerpt {\r\n      font-size: 13px;\r\n      color: #3f3f3f;\r\n      margin: 10px 0px;\r\n      padding: 0px;\r\n      display: block;\r\n      text-decoration: none;\r\n          }\r\n\r\n    .related-post .owl-dots .owl-dot {\r\n          }\r\n\r\n      <\/style>\r\n      <script>\r\n      jQuery(document).ready(function($) {\r\n        $(\".related-post .post-list\").owlCarousel({\r\n          items: 3,\r\n          responsiveClass: true,\r\n          responsive: {\r\n            0: {\r\n              items: 1,\r\n            },\r\n            768: {\r\n              items: 2,\r\n            },\r\n            1200: {\r\n              items: 3,\r\n            }\r\n          },\r\n                      rewind: true,\r\n                                loop: true,\r\n                                center: true,\r\n                                autoplay: true,\r\n            autoplayHoverPause: true,\r\n                                nav: true,\r\n            navSpeed: 1000,\r\n            navText: ['<i class=\"fas fa-chevron-left\"><\/i>', '<i class=\"fas fa-chevron-right\"><\/i>'],\r\n                                dots: true,\r\n            dotsSpeed: 1200,\r\n                                                    rtl: false,\r\n          \r\n        });\r\n      });\r\n    <\/script>\r\n  <\/div>\r\n","protected":false},"author":3,"featured_media":13790,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-13761","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dot-net-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Implement Maps in .NET MAUI Apps<\/title>\n<meta name=\"description\" content=\"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Implement Maps in .NET MAUI Apps\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps\" \/>\n<meta property=\"og:site_name\" content=\"Positiwise\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/positiwise\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-02T06:03:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-02T06:03:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1021\" \/>\n\t<meta property=\"og:image:height\" content=\"621\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Parag Mehta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@positiwise\" \/>\n<meta name=\"twitter:site\" content=\"@positiwise\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Parag Mehta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps\"},\"author\":{\"name\":\"Parag Mehta\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#\\\/schema\\\/person\\\/b4b3d9970ea94f5914a615f70345353a\"},\"headline\":\"How to Implement Maps in .NET MAUI Apps\",\"datePublished\":\"2023-10-02T06:03:01+00:00\",\"dateModified\":\"2023-10-02T06:03:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps\"},\"wordCount\":1739,\"publisher\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/implement-maps-in-net-maui-apps.jpg\",\"articleSection\":[\".NET Development\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps\",\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps\",\"name\":\"How to Implement Maps in .NET MAUI Apps\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/implement-maps-in-net-maui-apps.jpg\",\"datePublished\":\"2023-10-02T06:03:01+00:00\",\"dateModified\":\"2023-10-02T06:03:04+00:00\",\"description\":\"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#primaryimage\",\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/implement-maps-in-net-maui-apps.jpg\",\"contentUrl\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/implement-maps-in-net-maui-apps.jpg\",\"width\":1021,\"height\":621,\"caption\":\"Implement Maps in .NET MAUI Apps\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/how-to-implement-maps-in-net-maui-apps#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/positiwise.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Implement Maps in .NET MAUI Apps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/\",\"name\":\"Positiwise\",\"description\":\"Providing Full-cycle Software Development Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#organization\"},\"alternateName\":\"Positiwise Software Pvt Ltd\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#organization\",\"name\":\"Positiwise\",\"alternateName\":\"Positiwise Software Pvt Ltd\",\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.png\",\"width\":202,\"height\":29,\"caption\":\"Positiwise\"},\"image\":{\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/positiwise\\\/\",\"https:\\\/\\\/x.com\\\/positiwise\",\"https:\\\/\\\/github.com\\\/positiwise\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/positiwise\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/#\\\/schema\\\/person\\\/b4b3d9970ea94f5914a615f70345353a\",\"name\":\"Parag Mehta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g\",\"caption\":\"Parag Mehta\"},\"description\":\"Parag Mehta, the CEO and Founder of Positiwise Software Pvt Ltd has extensive knowledge of the development niche. He is implementing custom strategies to craft highly-appealing and robust applications for its clients and supporting employees to grow and ace the tasks. He is a consistent learner and always provides the best-in-quality solutions, accelerating productivity.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/paragcmehta\"],\"url\":\"https:\\\/\\\/positiwise.com\\\/blog\\\/author\\\/parag-mehta\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Implement Maps in .NET MAUI Apps","description":"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps","og_locale":"en_US","og_type":"article","og_title":"How to Implement Maps in .NET MAUI Apps","og_description":"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.","og_url":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps","og_site_name":"Positiwise","article_publisher":"https:\/\/www.facebook.com\/positiwise\/","article_published_time":"2023-10-02T06:03:01+00:00","article_modified_time":"2023-10-02T06:03:04+00:00","og_image":[{"width":1021,"height":621,"url":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg","type":"image\/jpeg"}],"author":"Parag Mehta","twitter_card":"summary_large_image","twitter_creator":"@positiwise","twitter_site":"@positiwise","twitter_misc":{"Written by":"Parag Mehta","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#article","isPartOf":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps"},"author":{"name":"Parag Mehta","@id":"https:\/\/positiwise.com\/blog\/#\/schema\/person\/b4b3d9970ea94f5914a615f70345353a"},"headline":"How to Implement Maps in .NET MAUI Apps","datePublished":"2023-10-02T06:03:01+00:00","dateModified":"2023-10-02T06:03:04+00:00","mainEntityOfPage":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps"},"wordCount":1739,"publisher":{"@id":"https:\/\/positiwise.com\/blog\/#organization"},"image":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#primaryimage"},"thumbnailUrl":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg","articleSection":[".NET Development"],"inLanguage":"en-US","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/positiwise.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps","url":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps","name":"How to Implement Maps in .NET MAUI Apps","isPartOf":{"@id":"https:\/\/positiwise.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#primaryimage"},"image":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#primaryimage"},"thumbnailUrl":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg","datePublished":"2023-10-02T06:03:01+00:00","dateModified":"2023-10-02T06:03:04+00:00","description":"Learn step-by-step guide to integrate dynamic maps in your .NET MAUI apps. Enhance user experience with seamless location services.","breadcrumb":{"@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#primaryimage","url":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg","contentUrl":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/10\/implement-maps-in-net-maui-apps.jpg","width":1021,"height":621,"caption":"Implement Maps in .NET MAUI Apps"},{"@type":"BreadcrumbList","@id":"https:\/\/positiwise.com\/blog\/how-to-implement-maps-in-net-maui-apps#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/positiwise.com\/blog"},{"@type":"ListItem","position":2,"name":"How to Implement Maps in .NET MAUI Apps"}]},{"@type":"WebSite","@id":"https:\/\/positiwise.com\/blog\/#website","url":"https:\/\/positiwise.com\/blog\/","name":"Positiwise","description":"Providing Full-cycle Software Development Services","publisher":{"@id":"https:\/\/positiwise.com\/blog\/#organization"},"alternateName":"Positiwise Software Pvt Ltd","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/positiwise.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/positiwise.com\/blog\/#organization","name":"Positiwise","alternateName":"Positiwise Software Pvt Ltd","url":"https:\/\/positiwise.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/positiwise.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/07\/logo.png","contentUrl":"https:\/\/positiwise.com\/blog\/wp-content\/uploads\/2023\/07\/logo.png","width":202,"height":29,"caption":"Positiwise"},"image":{"@id":"https:\/\/positiwise.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/positiwise\/","https:\/\/x.com\/positiwise","https:\/\/github.com\/positiwise","https:\/\/www.linkedin.com\/company\/positiwise"]},{"@type":"Person","@id":"https:\/\/positiwise.com\/blog\/#\/schema\/person\/b4b3d9970ea94f5914a615f70345353a","name":"Parag Mehta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/072ea4a638415a77610a840228d51b8225ad88856ed34d69cbe1fcd638390535?s=96&r=g","caption":"Parag Mehta"},"description":"Parag Mehta, the CEO and Founder of Positiwise Software Pvt Ltd has extensive knowledge of the development niche. He is implementing custom strategies to craft highly-appealing and robust applications for its clients and supporting employees to grow and ace the tasks. He is a consistent learner and always provides the best-in-quality solutions, accelerating productivity.","sameAs":["https:\/\/www.linkedin.com\/in\/paragcmehta"],"url":"https:\/\/positiwise.com\/blog\/author\/parag-mehta"}]}},"_links":{"self":[{"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/posts\/13761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/comments?post=13761"}],"version-history":[{"count":14,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/posts\/13761\/revisions"}],"predecessor-version":[{"id":13782,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/posts\/13761\/revisions\/13782"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/media\/13790"}],"wp:attachment":[{"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/media?parent=13761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/categories?post=13761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/positiwise.com\/blog\/wp-json\/wp\/v2\/tags?post=13761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}