Question

使用产品：iserver 11i 操作系统：win10x64 数据类型： postgre sql 问题详细描述：1、通过this.map.on('mousemove', function(e){ })获取的值不在div显示，

代码如下：

<div>{{ lat }}, {{ lng }}</div>

this.map.on('mousemove', function(e){ this.lat = e.latlng.lat; this.lng = e.latlng.lng; })

控制台打印可以看到随着鼠标移动经纬度的变化，但在页面上，div毫无变化

 问题重现步骤： 1.

Answer 1

您好，

从代码来看，this的lat，lng并没有正确传递给div。如果要实现更新lat，lng，建议这样写：

<div id="coordinates"></div>

//js

var coordinatesDiv = document.getElementById('coordinates');

this.map.on('mousemove', (e) => {

this.lat = e.latlng.lat;

this.lng = e.latlng.lng;

coordinatesDiv.innerHTML = `${this.lat}, ${this.lng}`;

});

希望可以帮助到您。