ArcGIS for qml 点击添加自由文本
源码:sueRimn
实现在地图上鼠标随意点击添加输入文本功能
要想在地图上添加标注和图形,必须了解图层的概念。
怎么建立会在单独一篇博客中讲解。
这里在地图上实现添加自由文本的功能,操作过程是在地图上任意一个地方点击,然后点击添加文本按钮,弹出一个输入框,输入想要输入的文字后回车,文本就会出现在地图上点击的地方。关于添加文本的字体大小、颜色,这个以后会在完善后更新博客。
1.添加需要的组件-地图、按钮、输入框
实现什么功能必须先弄清楚需要哪些操作,顺序是什么,在这里,是在地图的左上方布局一个按钮,输入框可以在按钮的下方,首先做好布局
2.添加承载文本的图层
只需要记住,每个符号、图形、图片、点等都需要在GraphicsOverlay里添加,不同的图形添加在对应各种的图形层上,也可以使用js进行创建
核心代码如下:
//容纳文本的图层
GraphicsOverlay{
id:textGraphicOverlay
//文本图形
}
onMouseClicked: {
addTextPoint = mouse.mapPoint
console.log("添加文本坐标点:",addTextPoint)
textIpt.visible = true;
textSymbol = ArcGISRuntimeEnvironment.createObject("TextSymbol")
textSymbol.size = 15;
textSymbol.color = "yellow";
textGraphicOverlay.graphics.append(createGraphic(addTextPoint,textSymbol))
}
}
Button{
id:addTextBtn
anchors{
top:mapView.top
left: mapView.left
margins: 5
}
width: 100
height: 45
text: "addText"
onClicked: textIpt.visible = true
}
TextField{
id:textIpt
visible: false
anchors{
top:addTextBtn.bottom
left: mapView.left
margins: 5
}
width: 100
height: 40
Keys.enabled: true
Keys.onReturnPressed: {
textSymbol.text = textIpt.text
textIpt.text = ""
textIpt.visible = false
}