Arcgis for qml

以实现鼠标拖拽文本图层为例

GitHub：ArcGIS拖拽文本

作者：狐狸家的鱼

 目的是利用鼠标进行拖拽。

实现两种模式，一种是屏幕上的拖拽，第二种是地图上图层的挪动。

屏幕上的拖拽其实跟ArcGIS没有联系，用qml就能写，但是地图图层上的挪动，就需要考虑到ArcGIS 图层的问题了。

鼠标拖拽都跟鼠标事件有关联，MouseEvent中的Drag()事件和onMousePressedAndHeld()以及onMouseReleased()事件。

 

1.屏幕上的拖拽

2.地图上图层的挪动

1、屏幕上的拖拽

为了方便，把两种方式写在了一个项目文件中。

Text{
            id:tex;
            text: "我还可以再挪两步(●ˇ∀ˇ●)";
            font.pointSize: 15;
            color: "yellow";
            //font.bold: true;
            MouseArea{
                id:dragArea;
                anchors.fill: tex;
                drag.target: tex;
                acceptedButtons: Qt.RightButton;
                drag.axis: Drag.XAndYAxis
                drag.minimumX: 0
                drag.maximumX: mapView.width - tex.width
                drag.minimumY: 0
                drag.maximumY: mapView.height - tex.height
            }

        }

2、图层的拖拽

这里是左键点击添加一个文本，然后用右键进行拖拽活动。

因为地图上的左键按压时会挪动地图，所以选择右键拖拽文本。

在ArcGIS中，MouseEvent中有个属性叫 button:int

 

返回产生鼠标事件的按钮，经过打印可以得到左键=1，中键=4，右键=2。以此来判断鼠标的左右键。

onMouseClicked: {//打印鼠标事件的按钮
            console.log("clicked:",mouse.button);
}

属性解释说明了，鼠标按下事件的按钮有左键、右键、中键，但是对于鼠标移动事件，返回值永远是Qt.NoButton。所以在地图上利用鼠标进行拖动可能不行，只能进行点击挪动。

MapView {
        id:mapView;
        anchors.fill: parent
        // set focus to enable keyboard navigation
        focus: true

        Map {
            //BasemapTopographic {}
            BasemapImageryWithLabels {}
        }
        onMouseClicked: {
            console.log("clicked:",mouse.button);
            if(mouse.button === 1){//鼠标左键
                textGraphic = ArcGISRuntimeEnvironment.createObject("Graphic");
                textGraphic.geometry = mouse.mapPoint;
                textGraphic.symbol = textSymbol;
                addTextGraphicsOverlayer.graphics.append(textGraphic);

            }
        }
        onMousePressed: {//鼠标右键
            if(mouse.button === 2){
                textGraphic.geometry = mouse.mapPoint;
            }
        }
        onMouseReleased: {
            if(mouse.button === 2){
                textGraphic.geometry = mouse.mapPoint;
            }
        }

        GraphicsOverlay{
            id:addTextGraphicsOverlayer;

        }
        TextSymbol{
            id:textSymbol;
            size: 15;
            color: "yellow"
            text: "我可以在地图上走两步（。＾▽＾）"
        }
}

如有认识偏差和错误，还望指正，谢谢(づ￣ 3￣)づ