Mobile Map Package doesn't render in MapView even if it loads successfully. Issue started after Runtime upgrade.

KevinCheriyan

I have an app in AppStudio that contains a map created using a locally stored MMPK. The map was working fine through AppStudio 4 and all associated Runtime versions (<100.10?) But after I upgraded to AppStudio 5.3 and Runtime 100.13, this issue started happening.

This only happens when I test on my iPad Mini 5th gen (v14.8.1). Desktop testing doesn't catch anything.

More importantly, this issue only happens roughly 50% of the time. The other half, MMPK and layers render as they should. 

Instead of the layers or basemap showing up, the map is entirely grey. Here's my relevant code for the map page. This is a basic MapView with Map that loads an MMPK and then a basemap.

 

import QtQuick 2.7
import QtQuick.Layouts 1.1
import QtQuick.Controls.Material 2.1
import QtGraphicalEffects 1.0

import QtPositioning 5.8
import QtSensors 5.3

import ArcGIS.AppFramework 1.0
import Esri.ArcGISRuntime 100.13
import ArcGIS.AppFramework.Networking 1.0
import ArcGIS.AppFramework.Platform 1.0
import QtQuick.Controls 2.11

import "../../shared"
import "../../controls"
import "../../assets"

Component {
    id: mapPage

        MobileMapPackage {
            id:mmpk
            path: config.mmpkPath

            onLoadStatusChanged: {
                console.log("MMPK LOAD status changed", loadStatus)
                if (loadStatus === Enums.LoadStatusLoaded) {
                console.log("loaded")
                mapView.map = mmpk.maps[0]
                mapView.map.basemap = defaultBasemap
                }
            }
            onErrorChanged: {
                console.log(mmpk.path)
                console.log("MMPK Error:", error.message, error.additionalMessage)
            }
            onLoadErrorChanged: {
                console.log("MMPK Load Error: ", loadError.message, loadError.additionalMessage)
            }
        }
        BasemapImageryWithLabels {id:defaultBasemap}
        MapView {
            id:mapView
            anchors.fill: parent
            Component.onCompleted: {
                mmpk.load()
            }
            Map {
                initialViewpoint: ViewpointCenter {
                    center: Point {
                        x: -11e6
                        y: 6e6
                        spatialReference: SpatialReference {wkid: 102100}
                    }
                    targetScale: 9e7
                }
            }
        }
}

 

The console does log the expected load status of "Loaded" or 0 even if the map is grey. No errors are logged ever.

Any ideas why the map doesn't render, or has anyone else experienced the same issues?

Thanks!

KevinCheriyan

The issue is resolved. This happens because I'm trying to load the basemap and set the map at the same time. I changed my code to the following and added a Timer component.

 

        MobileMapPackage {
            id:mmpk
            path: config.mmpkPath

            onLoadStatusChanged: {
                console.log("MMPK LOAD status changed", loadStatus)
                if (loadStatus === Enums.LoadStatusLoaded) {
                console.log("loaded")
                mapView.map = mmpk.maps[0]
                basemapTimer.start()
                }
            }
        }

Timer {
     id: baseMapTimer
     interval: 500
     onTriggered: {
         mapView.map.basemap = defaultBasemap
    }
}

 

This interval of half a second seems to be enough time to set the map before adding the basemap. 

Not sure though why this worked in AppStudio 4 and earlier Runtime versions, but not in 100.13 (and possibly some earlier versions.)