OpenLayers学习笔记（四）— QML显示html中openlayers地图的坐标

2022-10-25 19:53:16

GitHub:八至

作者：狐狸家的鱼

本文链接：实现QML中显示html中地图的坐标

如何QML与HTML通信已经在这篇文章 QML与HTML通信之画图详细讲述了

1.HTML

var coord;

map.on('singleclick',(evt)=>{

       coord = ol.coordinate.toStringXY(ol.proj.transform(evt.coordinate,'EPSG:3857','EPSG:4326'),2);

       content.changeText(coord);

});

2.QML

（1）WebChannel中

function changeText(newText) {//鼠标点击经纬度显示 鼠标点击时会调用该函数 并更新文本coordinateTex

        console.log(newText);

        giwSC.coordinateTex = newText;//

    }

（2）label.qml中

MyText{

      id:coordinateTex;

      fontSize: l;

      text: "104.08,30.66";

}