QtLocation：如何在Map上進行拖放？

Question

我有一個QML Map小部件。我想放下一些對象來獲取滴點的緯度和經度。我該怎麼做？

Answer 1

您可以像所有其他拖放應用程序一樣執行此操作。在Qt文檔中有很多例子是通過互聯網的。 其中之一：

import QtQuick 2.9 
import QtQuick.Window 2.0 
import QtLocation 5.3 

Window { 
    id: window 
    width: 600 
    height: 400 
    visible: true 

    MouseArea { 
     id: mouseArea 
     anchors.fill: parent 
     drag.target: item 
     propagateComposedEvents: true 
     onReleased: item.Drag.drop() 
    } 

    Plugin { 
     id: mapPlugin 
     preferred: ["osm", "esri"] 
    } 

    Map { 
     id: map 
     anchors.fill: parent 
     anchors.topMargin: 40 
     anchors.bottomMargin: 30 
     plugin: mapPlugin 
     center { 
      latitude: 40.785091 
      longitude: -73.968285 
     } 
     zoomLevel: 14 
     DropArea { 
      anchors.fill: parent 
      onDropped: { 
       var coord = map.toCoordinate(Qt.point(drop.x, drop.y)); 
       output.text = "latitude:" + coord.latitude + ", longitude:" + coord.longitude; 
       anim.running = true; 
      } 
     } 
    } 

    Rectangle { 
     id: item 
     x: parent.width/2 - 20 
     y: 0 
     width: 40 
     height: 40 
     radius: 20 
     color: "orange" 
     opacity: 1 
     Drag.active: mouseArea.drag.active 
     Drag.hotSpot.x: 20 
     Drag.hotSpot.y: 20 

     Text { 
      anchors.centerIn: parent 
      text: "Drop me" 
      font.pixelSize: 8 
     } 

     SequentialAnimation { 
      id: anim 
      running: false 
      NumberAnimation { target: item; property: "opacity"; to: 0; duration: 500 } 
      PropertyAction { target: item; property: "x"; value: window.width/2 - 20 } 
      PropertyAction { target: item; property: "y"; value: 0 } 
      NumberAnimation { target: item; property: "opacity"; to: 1; duration: 500 } 
     } 
    } 

    Text { 
     id: output 
     anchors.bottom: parent.bottom 
     height: 30 
     width: window.width 
     text: "" 
     verticalAlignment: Text.AlignVCenter 
     horizontalAlignment: Text.AlignHCenter 
    } 
}