Change Basemap with button

jaykapalczynski

Simply trying to change the basemap with a click of a button any it does not seem to be working....any thoughts?

import ArcGIS.AppFramework 1.0
import ArcGIS.AppFramework.Controls 1.0
import QtQuick 2.9
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import Esri.ArcGISRuntime 100.5
import QtQuick.Layouts 1.1

Item {

    signal previous(string message)
    property string basemapId: "http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"

    MapView {
        id:mapView
        Layout.fillHeight: true
        Layout.alignment: Qt.AlignTop
        width: parent.width
        height: parent.height
        property real initialMapRotation: 0

        Map {
            id: map
            Basemap {
                id: basemaplocation
                ArcGISTiledLayer {
                    id: baseMap
                    url: basemapId 
                    visible: true
                }
            }
        }
    }


    Row {
        anchors {
            bottom: parent.bottom
            left: parent.left
            right: parent.right
            margins: 5 * scaleFactor
            bottomMargin: 50 * scaleFactor
        }
        spacing: 5
        Button {
            text: "Switch Basemap"
            onClicked: {
                console.log("changing basemamp");
                basemapId = "http://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer"
                baseMap.load(basemapId);
            }
        }
    }

}<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

jaykapalczynski

I changed my code to this and everything works fine....

Thanks Harsh from ESRI 

It was in reference to this example: https://github.com/Esri/arcgis-runtime-samples-qt/tree/master/ArcGISRuntimeSDKQt_QMLSamples/Maps/ChangeBasemap

that used a combobox and its index to find the correct map to load....As I was using a button I had to create that index and decided to do so with an If then statement and an index number I created to loop through the maps. 

Anyone know a better way to do this?

<SPAN class="keyword token">import</SPAN> ArcGIS<SPAN class="punctuation token">.</SPAN>AppFramework <SPAN class="number token">1.0</SPAN>
<SPAN class="keyword token">import</SPAN> ArcGIS<SPAN class="punctuation token">.</SPAN>AppFramework<SPAN class="punctuation token">.</SPAN>Controls <SPAN class="number token">1.0</SPAN>
<SPAN class="keyword token">import</SPAN> QtQuick <SPAN class="number token">2.9</SPAN>
<SPAN class="keyword token">import</SPAN> QtQuick<SPAN class="punctuation token">.</SPAN>Controls <SPAN class="number token">1.4</SPAN>
<SPAN class="keyword token">import</SPAN> QtQuick<SPAN class="punctuation token">.</SPAN>Controls<SPAN class="punctuation token">.</SPAN>Styles <SPAN class="number token">1.4</SPAN>
<SPAN class="keyword token">import</SPAN> Esri<SPAN class="punctuation token">.</SPAN>ArcGISRuntime <SPAN class="number token">100.5</SPAN>
<SPAN class="keyword token">import</SPAN> QtQuick<SPAN class="punctuation token">.</SPAN>Layouts <SPAN class="number token">1.1</SPAN>

Item <SPAN class="punctuation token">{</SPAN>

    signal <SPAN class="token function">previous</SPAN><SPAN class="punctuation token">(</SPAN>string message<SPAN class="punctuation token">)</SPAN>
    property string basemapId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">""</SPAN>
    property int basemapindex<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN>
    MapView <SPAN class="punctuation token">{</SPAN>
        id<SPAN class="punctuation token">:</SPAN>mapView
        Layout<SPAN class="punctuation token">.</SPAN>fillHeight<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
        Layout<SPAN class="punctuation token">.</SPAN>alignment<SPAN class="punctuation token">:</SPAN> Qt<SPAN class="punctuation token">.</SPAN>AlignTop
        width<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">.</SPAN>width
        height<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">.</SPAN>height
        property real initialMapRotation<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN>

        Map <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> map
            initialViewpoint<SPAN class="punctuation token">:</SPAN> viewPoint
            <SPAN class="comment token">// Set the initial basemap to Topographic</SPAN>
            BasemapTopographic <SPAN class="punctuation token">{</SPAN><SPAN class="punctuation token">}</SPAN>
        <SPAN class="punctuation token">}</SPAN> <SPAN class="comment token">// END OF MAP</SPAN>

    <SPAN class="punctuation token">}</SPAN> <SPAN class="comment token">// END OF MAPVIEW</SPAN>

    ListModel <SPAN class="punctuation token">{</SPAN>
        id<SPAN class="punctuation token">:</SPAN> cbItems

        ListElement <SPAN class="punctuation token">{</SPAN> text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Topographic"</SPAN><SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"BasemapTopographic"</SPAN> <SPAN class="punctuation token">}</SPAN>
        ListElement <SPAN class="punctuation token">{</SPAN> text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Streets (Vector)"</SPAN><SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"BasemapStreetsVector"</SPAN> <SPAN class="punctuation token">}</SPAN>
        ListElement <SPAN class="punctuation token">{</SPAN> text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Streets - Night (Vector)"</SPAN><SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"BasemapStreetsNightVector"</SPAN> <SPAN class="punctuation token">}</SPAN>
        ListElement <SPAN class="punctuation token">{</SPAN> text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Imagery with Labels (Vector)"</SPAN><SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"BasemapImageryWithLabelsVector"</SPAN> <SPAN class="punctuation token">}</SPAN>
        ListElement <SPAN class="punctuation token">{</SPAN> text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Navigation (Vector)"</SPAN><SPAN class="punctuation token">;</SPAN> map<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"BasemapNavigationVector"</SPAN> <SPAN class="punctuation token">}</SPAN>
        <SPAN class="comment token">//ListElement { text: "Streets"; map: "BasemapStreets" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Imagery (Raster)"; map: "BasemapImagery" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Imagery with Labels (Raster)"; map: "BasemapImageryWithLabels" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Dark Gray Canvas (Vector)"; map: "BasemapDarkGrayCanvasVector" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Light Gray Canvas (Raster)"; map: "BasemapLightGrayCanvas" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Light Gray Canvas (Vector)"; map: "BasemapLightGrayCanvasVector" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "OpenStreetMap (Raster)"; map: "BasemapOpenStreetMap" }</SPAN>
        <SPAN class="comment token">//ListElement { text: "Oceans"; map: "BasemapOceans" }</SPAN>
    <SPAN class="punctuation token">}</SPAN>

    Row <SPAN class="punctuation token">{</SPAN>
        anchors <SPAN class="punctuation token">{</SPAN>
            bottom<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">.</SPAN>bottom
            left<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">.</SPAN>left
            right<SPAN class="punctuation token">:</SPAN> parent<SPAN class="punctuation token">.</SPAN>right
            margins<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">5</SPAN> <SPAN class="operator token">*</SPAN> scaleFactor
            bottomMargin<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">50</SPAN> <SPAN class="operator token">*</SPAN> scaleFactor
        <SPAN class="punctuation token">}</SPAN>
        spacing<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">5</SPAN>

        Button <SPAN class="punctuation token">{</SPAN>
            id<SPAN class="punctuation token">:</SPAN> buttontext
            text<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Topo"</SPAN>
            onClicked<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
                <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>basemapindex <SPAN class="operator token">==</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
                    <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>cbItems<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">get</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">1</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    basemapindex <SPAN class="operator token">=</SPAN> <SPAN class="number token">2</SPAN>
                    buttontext<SPAN class="punctuation token">.</SPAN>text <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Streets"</SPAN>
                <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>basemapindex <SPAN class="operator token">==</SPAN> <SPAN class="number token">2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                    <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>cbItems<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">get</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    basemapindex <SPAN class="operator token">=</SPAN> <SPAN class="number token">3</SPAN>
                    buttontext<SPAN class="punctuation token">.</SPAN>text <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Street Night"</SPAN>
                <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>basemapindex <SPAN class="operator token">==</SPAN> <SPAN class="number token">3</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                    <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>cbItems<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">get</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">3</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    basemapindex <SPAN class="operator token">=</SPAN> <SPAN class="number token">4</SPAN>
                    buttontext<SPAN class="punctuation token">.</SPAN>text <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Imagery Labels"</SPAN>
                <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>basemapindex <SPAN class="operator token">==</SPAN> <SPAN class="number token">4</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                    <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>cbItems<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">get</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">4</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    basemapindex <SPAN class="operator token">=</SPAN> <SPAN class="number token">0</SPAN>
                    buttontext<SPAN class="punctuation token">.</SPAN>text <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Navigation"</SPAN>
                <SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>basemapindex <SPAN class="operator token">==</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
                    basemapindex <SPAN class="operator token">=</SPAN> <SPAN class="number token">1</SPAN>
                    <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>cbItems<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">get</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    buttontext<SPAN class="punctuation token">.</SPAN>text <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Topo"</SPAN>
                <SPAN class="punctuation token">}</SPAN>
                <SPAN class="keyword token">function</SPAN> <SPAN class="token function">changeBasemap</SPAN><SPAN class="punctuation token">(</SPAN>type<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
                    map<SPAN class="punctuation token">.</SPAN>basemap <SPAN class="operator token">=</SPAN> ArcGISRuntimeEnvironment<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createObject</SPAN><SPAN class="punctuation token">(</SPAN>type<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                <SPAN class="punctuation token">}</SPAN>
            <SPAN class="punctuation token">}</SPAN> <SPAN class="comment token">// End of OnClicked</SPAN>
        <SPAN class="punctuation token">}</SPAN> <SPAN class="comment token">// End of Button</SPAN>
    <SPAN class="punctuation token">}</SPAN> <SPAN class="comment token">// End of Row</SPAN>

    ViewpointCenter <SPAN class="punctuation token">{</SPAN>
        id<SPAN class="punctuation token">:</SPAN> viewPoint
        center<SPAN class="punctuation token">:</SPAN> Point <SPAN class="punctuation token">{</SPAN>
            <SPAN class="comment token">//x: -13630484</SPAN>
            <SPAN class="comment token">//y: 4545415</SPAN>
            x<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">-</SPAN><SPAN class="number token">8622115</SPAN>
            y<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">4513608</SPAN>
            spatialReference<SPAN class="punctuation token">:</SPAN> SpatialReference <SPAN class="punctuation token">{</SPAN>
                wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">102100</SPAN>
            <SPAN class="punctuation token">}</SPAN>
        <SPAN class="punctuation token">}</SPAN>
        targetScale<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">3000000</SPAN>
    <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>