OpenLayers学习笔记（三）— QML与HTML通信之地图上点击添加自由文本

最新推荐文章于 2024-08-15 10:00:14 发布

DebJane

最新推荐文章于 2024-08-15 10:00:14 发布

阅读量487

点赞数 1

分类专栏： openlayers openlayers 3

本文链接：https://blog.csdn.net/sueRimn/article/details/86141887

版权

本文介绍了如何在OpenLayers地图上实现点击后弹出文本输入框，允许用户输入文字并添加为自由文本的功能。作者详细讲解了QML与HTML之间的通信过程。

摘要由CSDN通过智能技术生成

OpenLayers学习笔记（三）— QML与HTML通信之地图上点击添加自由文本

实现在地图随意点击，弹出文本输入框，输入任意文字，完成自由文本添加的功能

作者：狐狸家的鱼

GitHub:八至

本文链接：地图上点击添加自由文本

关于如何QML与HTML通信已经在上一篇文章 QML与HTML通信之画图详细讲述了。

1.html

//添加文本
        var addTextBoxContent;//添加文本弹出框的内容
        var addTextBoxCloser;//添加文本弹出框的关闭
        var addTextBoxTitle;
        var inputText;
        var confirmBtn;//确定按钮
        var clickCoordinate;//鼠标点击坐标
        var addCoordinate;//鼠标点击坐标转换为投影坐标
        var textLabelElemen