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

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";
}

 

posted @ 2018-12-20 17:20  狐狸家的鱼  阅读(1042)  评论(0编辑  收藏  举报