Rotate a map.

Use case
A user may wish to view the map in an orientation other than north-facing.
How to use the sample
Use the slider to rotate the map.
How it works
- Create a
Mapobject. - Set the map to a
MapViewobject. - Use
setViewpointRotationto indicate the rotation angle.
Relevant API
- Map
- MapView
Tags
rotate, rotation, viewpoint
Sample code
// [WriteFile Name=MapRotation, Category=Maps]// [Legal]// Copyright 2016 Esri.//// Licensed under the Apache License, Version 2.0 (the "License");// you may not use this file except in compliance with the License.// You may obtain a copy of the License at// http://www.apache.org/licenses/LICENSE-2.0//// Unless required by applicable law or agreed to in writing, software// distributed under the License is distributed on an "AS IS" BASIS,// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.// See the License for the specific language governing permissions and// limitations under the License.// [Legal]
#ifdef PCH_BUILD#include "pch.hpp"#endif // PCH_BUILD
// sample headers#include "MapRotation.h"
// ArcGIS Maps SDK headers#include "Basemap.h"#include "Map.h"#include "MapQuickView.h"#include "MapTypes.h"#include "Point.h"#include "SpatialReference.h"#include "Viewpoint.h"
// Qt headers#include <QFuture>
using namespace Esri::ArcGISRuntime;
MapRotation::MapRotation(QQuickItem* parent) : QQuickItem(parent){}
MapRotation::~MapRotation() = default;
void MapRotation::init(){ qmlRegisterType<MapQuickView>("Esri.Samples", 1, 0, "MapView"); qmlRegisterType<MapRotation>("Esri.Samples", 1, 0, "MapRotationSample");}
void MapRotation::componentComplete(){ QQuickItem::componentComplete();
// find QML MapView component m_mapView = findChild<MapQuickView*>("mapView");
// create a new basemap instance Basemap* basemap = new Basemap(BasemapStyle::ArcGISStreets, this); // create a new map instance and set the initial viewpoint m_map = new Map(basemap, this); Viewpoint initialViewpoint(Point(-11070722, 4658720, SpatialReference(102100)), 55151630); m_map->setInitialViewpoint(initialViewpoint); // set map on the map view m_mapView->setMap(m_map);}
void MapRotation::setMapViewRotation(double degrees){ m_mapView->setViewpointRotationAsync(degrees);}// [WriteFile Name=MapRotation, Category=Maps]// [Legal]// Copyright 2016 Esri.//// Licensed under the Apache License, Version 2.0 (the "License");// you may not use this file except in compliance with the License.// You may obtain a copy of the License at// http://www.apache.org/licenses/LICENSE-2.0//// Unless required by applicable law or agreed to in writing, software// distributed under the License is distributed on an "AS IS" BASIS,// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.// See the License for the specific language governing permissions and// limitations under the License.// [Legal]
#ifndef MAP_ROTATION_H#define MAP_ROTATION_H
// Qt headers#include <QQuickItem>
namespace Esri::ArcGISRuntime{ class Map; class MapQuickView;}
class MapRotation : public QQuickItem{ Q_OBJECT
public: explicit MapRotation(QQuickItem* parent = nullptr); ~MapRotation() override;
void componentComplete() override; static void init(); Q_INVOKABLE void setMapViewRotation(double degrees);
private: Esri::ArcGISRuntime::Map* m_map = nullptr; Esri::ArcGISRuntime::MapQuickView* m_mapView = nullptr;};
#endif // MAP_ROTATION_H// [WriteFile Name=MapRotation, Category=Maps]// [Legal]// Copyright 2016 Esri.//// Licensed under the Apache License, Version 2.0 (the "License");// you may not use this file except in compliance with the License.// You may obtain a copy of the License at// http://www.apache.org/licenses/LICENSE-2.0//// Unless required by applicable law or agreed to in writing, software// distributed under the License is distributed on an "AS IS" BASIS,// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.// See the License for the specific language governing permissions and// limitations under the License.// [Legal]
import QtQuickimport QtQuick.Controlsimport Esri.Samples
MapRotationSample { id: mapRotationSample width: 800 height: 600
// add a mapView component MapView { id: mapView anchors.fill: parent objectName: "mapView"
Component.onCompleted: { // Set the focus on MapView to initially enable keyboard navigation forceActiveFocus(); }
// Slider UI presentation at bottom Rectangle { anchors { bottom: mapView.attributionTop horizontalCenter: parent.horizontalCenter }
width: childrenRect.width height: childrenRect.height radius: 10 opacity: 0.8
// sliderCombo: A slider and text for its value Row { id: sliderCombo spacing: 5
Slider { id: slider1 opacity: 0.7 anchors { verticalCenter: parent.verticalCenter } // Slider controls degrees of rotation from: 0.0 to: 360.0 onPressedChanged: { // Call C++ invokable function to change the rotation // of the map view mapRotationSample.setMapViewRotation(value); } }
Text { anchors { verticalCenter: parent.verticalCenter margins: 5 } horizontalAlignment: TextInput.AlignHCenter font.pixelSize: 20 text: slider1.value.toPrecision(3); } } } }}