Skip to main content
Version: Release 1 - 1.1.3.X

Add a map to a Canvas Page

Canvas pages give you pixel-level control over the UI, making them perfect for mobile-first, task-specific, or partner-facing scenarios. Use this guide to drop the MaptaskrPowerCanvas component into any canvas screen.

Prerequisites​

  • Maker access to create a Canvas Page.
  • The MaptaskrPowerCanvas component available in your environment.
  • A Maptaskr configuration profile with the layers you want to expose.

Add the component​

  1. Go to make.powerapps.com.

  2. Confirm you are in the correct environment (Located in the top right corner of the page).

  3. Select Solutions from the main navigation

  4. Select your preferred solution.

  5. using the action buttons at the top of the page, click New then open the drop down for apps and click Page.

    Create new canvas page

  6. Once your canvas page loads, select Insert in the left navigation.

  7. Expand Code components and choose MaptaskrPowerCanvas.

    tip

    Don’t see it listed? Click the folder icon labelled Get more components, switch to the Code tab, then search for MaptaskrPowerCanvas and import it.

  8. From the input list, select MaptaskrPowerCanvas to insert it on the page.

    Add canvas page pcf control

  9. Choose the data source for the component. Use the Maptaskr Core Configs table so the control can read your profiles.

  10. Configure the properties:

FieldValue
MaptaskrCoreCanvas(Items)Use Maptaskr Core Configs to list profiles.
ViewsActive Maptaskr Core Configs.
Is Control Full ScreenToggle true/false depending on layout needs.
Profile IDPaste the ID from the configuration profile.
Width / HeightSet explicit dimensions when not fullscreen.
  1. Save and publish the page so makers and end users get the updated experience.
note

The Maptaskr PCF will show a config error while editing a canvas page, this is normal. Publish the page, add it to a model-driven app, and test there to confirm the map loads correctly.