import QtQuick 2.12
import QtQuick.Window 2.2
import QtLocation 5.12
import QtPositioning 5.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Plugin {
        id: mapPlugin
        name: "esri" // "mapboxgl", "esri", ...
    }

    Map {
        anchors.fill: parent
        plugin: mapPlugin
        //center: QtPositioning.coordinate(59.91, 10.75) // Oslo
        zoomLevel: 10
        center: QtPositioning.coordinate(31, 116);
        ListModel {
            id: testModelaaa;
            ListElement{aa: "iii"}
        }
        ListModel {
            id: testModelbbb;
            ListElement{aa: "iii"}
        }
        Component {
            id: testCom;
            MapItemView {
                model: testModelbbb;//routeModel;
                delegate:
                    MapCircle {
                    visible: true;
                    color: "red"
                    radius: 10000;
                    center: QtPositioning.coordinate(31, 116);
                    Component.onCompleted: {
                        console.log(testModelbbb.count)
                    }
                }
            }
        }
        MapItemView {
            id: routeListView;
            model: testModelaaa;
            delegate: testCom
            Component.onCompleted: {
                console.log(testModelaaa.count)
            }
        }
    }
}