Fabulous
API Reference
2.0
2.0
  • Fabulous 2.0
  • Get Started
  • Basics
    • MVU
    • Application state
      • Commands
      • State validation
    • User interface
      • Widgets and modifiers
      • Styling
      • Animations
    • Testing
    • Error monitoring
  • Advanced
    • Saving and Restoring app state
    • Performance optimization
    • Composing larger applications
      • Splitting into independent MVU states
      • Integrating commands
      • Communicating between MVU states
  • Architecture
    • Attribute definitions
    • Virtualized collections
    • Using nightly builds
  • Xamarin.Forms
    • Get Started
    • Samples & Tutorials
      • Videos
    • User interface
      • Custom controls
      • Effects
      • Navigation
      • Pop-ups
    • Extensions
      • FFImageLoading
      • OxyPlot
      • SkiaSharp
      • VideoManager
      • Xamarin.Forms.Maps
  • .NET MAUI
    • Get Started
    • Samples & Tutorials
      • Samples
    • Advanced
      • Optimizing performances
        • Profiling Fabulous apps
  • Avalonia
    • Get Started
Powered by GitBook
On this page
Edit on GitHub
  1. Xamarin.Forms
  2. Extensions

Xamarin.Forms.Maps

PreviousVideoManagerNextGet Started

Last updated 1 year ago

The nuget implements an for the types and .

To use Fabulous.XamarinForms.Maps, you must

  1. Add a reference to Fabulous.XamarinForms.Maps across your whole solution.

  2. Additionally . For example, on Android you must enable Google Play servies, add a call to Xamarin.FormsMaps.Init(this, bundle) to MainActivity.fs and add both and API key and uses-permission to AndroidManifest.xml.

After these steps you can use maps in your view function as follows:

open Xamarin.Forms.Maps
open Fabulous.XamarinForms

View.Map(hasZoomEnabled = true, hasScrollEnabled = true)

Next, a map with requested region around Timbuktu:

let timbuktu = Position(16.7666, -3.0026)
View.Map(hasZoomEnabled = true, hasScrollEnabled = true,
         requestedRegion = MapSpan.FromCenterAndRadius(timbuktu, Distance.FromKilometers(1.0)))

Next, a map with two pins for Paris and London:

let paris = Position(48.8566, 2.3522)
let london = Position(51.5074, -0.1278)
let calais = Position(50.9513, 1.8587)
View.Map(hasZoomEnabled = true, hasScrollEnabled = true,
         pins = [ View.Pin(paris, label="Paris", pinType = PinType.Place)
                  View.Pin(london, label="London", pinType = PinType.Place) ],
         requestedRegion = MapSpan.FromCenterAndRadius(calais, Distance.FromKilometers(300.0)))
Fabulous.XamarinForms.Maps
extension
Map
Pin
follow the instructions to initialize Xamarin.Forms Maps