leaflet iframe传参给vue页面

之前分享过vue页面传参给iframe，现在来看看iframe传参给vue页面。

需求：点击地图将当前点击的经纬度传到vue页面。

 

iframe页面：

onMapClick:function(e){
     let marker = new larker(e.latlng),{draggable:true});
     map.addLayer(marker);
     marker.bindPopup('你点击的位置在'+e.latlng.toString()).openPopup();
     let message = e.latlng.lat + ',' + e.latlng.lng; //当做string传入
     window.parent.postMessage(message)
}

vue页面：

//接受经纬度的事件
getLatlng(){
   let that = this;
   window.addEventListener('message',function(e){
　　　　let messdata = e.data; //获取到的经纬度
　　})
}