ArcGIS for qml -添加自由文本

简介: 源码:https://github.com/sueRimn/ArcGIS-for-qml-demos实现地图上鼠标点击后添加自由文本功能版权声明:如需转载,请联系获得授权或者附上原文链接 (没有录进鼠标)效果如下:要想在地图上添加标注和图形,必须了解图层的概念。

源码:https://github.com/sueRimn/ArcGIS-for-qml-demos

实现地图上鼠标点击后添加自由文本功能

版权声明:如需转载,请联系获得授权或者附上原文链接

 (没有录进鼠标)效果如下

要想在地图上添加标注和图形,必须了解图层的概念。

怎么建立会在单独一篇博客中讲解。

这里在地图上实现添加自由文本的功能,操作过程是在地图上任意一个地方点击,然后点击添加文本按钮,弹出一个输入框,输入想要输入的文字后回车,文本就会出现在地图上点击的地方。关于添加文本的字体大小、颜色,这个以后会在完善后更新博客。

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

        }
    

 关于鼠标点击两点进行测距在另一篇博文:《ArcGIS for qml 测距》

相关文章
|
定位技术
ArcGIS for qml -测距
源码:https://github.com/sueRimn/ArcGIS-for-qml-demos 实现求地图上两点之间距离功能 版权声明:如需转载,请联系获得授权或者附上原文链接   这个功能主要实现鼠标在地图上点击两点进行测距。
1242 0
|
定位技术 开发工具
ArcGIS for qml -设置地图和视域中心
源码:https://github.com/sueRimn/ArcGIS-for-qml-demos  ArcGIS RunTime SDK 的官网 https://developers.arcgis.
1573 0
|
定位技术 存储
ArcGIS for qml -关于空间参考如何选择设置
1.关于空间参考 空间参考可以通过众所周知的ID(WKID) - 整数值来引用。 官网指南中也有对此的专门说明 https://developers.arcgis.com/qt/latest/qml/guide/spatial-references.htm 要将空间数据集成到地图中或执行分析时,ArcGIS Runtime必须知道地球表面上的位置,并使用坐标来执行此操作。
1124 0
|
7月前
|
人工智能 数据可视化 API
ArcGIS API for Python
ArcGIS API for Python
34 0
|
11月前
|
JavaScript 前端开发 应用服务中间件
Arcgis api for javascript 详细部署
Arcgis api for javascript 详细部署
|
人工智能 数据可视化 数据管理
ArcGIS API for Python
ArcGIS API for Python
78 0
|
JavaScript 前端开发 定位技术
ArcGIS API For JavaScript官方文档(六)之设置范围
ArcGIS API For JavaScript官方文档(六)之设置范围
|
存储 JSON 前端开发
ArcGIS API For JavaScript官方文档(一)之默认API配置
ArcGIS API For JavaScript官方文档(一)之默认API配置
|
数据可视化 数据管理 API
​​​​​​​ARCGIS API for Python进行城市区域提取
​​​​​​​ARCGIS API for Python进行城市区域提取
​​​​​​​ARCGIS API for Python进行城市区域提取
arcgis api 3.X 修改自带弹窗样式 2022年6月12日
自带的弹窗介绍: arcgis api 3.X 修改自带弹窗样式插图 /*修改原有弹窗的css样式*/ /* 弹窗整体 */ .esriPopup { font-size: 16px; box-shadow: 10px 10px 5px #888888; } .esriPopup .sizer { position: relative; width: 400px; /* 弹窗宽度 */ z-index: 1; } /* 标题部分 */ .esriPopup .titlePane { background-color: rgba(7