Nativescript-Vue MapBox 地图更改后加载数据

问题描述

我对 Vue 和 NativeScript 比较陌生。我开发了一些使用 MapBox 的 Android/iOS 应用程序。我想从服务器加载标记到地图。我的想法是仅在某些视口更改(缩放、移动)后更新加载当前视口的标记。我使用 setonScrollListener() 但这不是正确的方法 -(产生大量请求)。我试图找到解决方案 - 一些 'afterScrollListener' 但没有成功。我有一个解决方案,但我对此并不满意,我相信可以更好地解决它。

export default {
    mounted() {
        setInterval(this.test,1000)
    },data:function(){
        return{
           oldBoundaries:"",boundaries:"",}
    },methods:{
        onMapReady(args){
           .
           .
           .
           args.map.setonScrollListener(() => {
                args.map.getViewport().then( result => {
                this.boundaries = JSON.stringify(result);
             }) 
           });
           .
           .
           .
        },test(){
            if(this.oldBoundaries == this.boundaries){
                console.log("NOT SCROLLED")
                return;
            }
            else{
                this.oldBoundaries = this.boundaries;
                console.log("SCROLLED")
            }
        },}
}

感谢您的帮助!

...

我明白了!

onMapReady(args){
     .
     .
     .
      args.map.setonCameraIdleListener(()=>{
                console.log("HEUREKA!")
            })
     .
     .
     .
 }

太简单了!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)