vue中使用geobuf的示例详解

 更新时间:2022年04月08日 11:53:24   作者:~疆  
这篇文章主要介绍了vue中使用geobuf的示例详细,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

需要安装geobuf和pbf这两个库

cnpm i -S geobuf pbf

引入

import geobuf from 'geobuf';
import Pbf from 'pbf';

使用:

    let geojson_multiPolygon = {
      type: 'Feature',
      properties: {},
      geometry: {
        type: 'MultiPolygon',
        coordinates: [
          [
            [
              [109.2041015625, 30.088107753367257],
              [115.02685546875, 30.088107753367257],
              [115.02685546875, 32.7872745269555],
              [109.2041015625, 32.7872745269555],
              [109.2041015625, 30.088107753367257]
            ]
          ],
          [
            [
              [112.9833984375, 26.82407078047018],
              [116.69677734375, 26.82407078047018],
              [116.69677734375, 29.036960648558267],
              [112.9833984375, 29.036960648558267],
              [112.9833984375, 26.82407078047018]
            ]
          ]
        ]
      }
    };
    let a = geobuf.encode(geojson_multiPolygon, new Pbf());
    console.log('序列化:', a);
 
    let b = geobuf.decode(new Pbf(a));
    console.log('反序列化:', b);

到此这篇关于vue中使用geobuf的文章就介绍到这了,更多相关vue 使用geobuf内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue中iframe的使用及说明

    vue中iframe的使用及说明

    这篇文章主要介绍了vue中iframe的使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue Echarts实现带滚动效果的柱形图

    Vue Echarts实现带滚动效果的柱形图

    这篇文章主要为大家详细介绍了Vue Echarts实现带滚动效果的柱形图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue中data数据之间如何赋值问题

    vue中data数据之间如何赋值问题

    这篇文章主要介绍了vue中data数据之间如何赋值问题,具有很好的参考价值,希望对大家有所帮助。
    2022-09-09
  • Vue.JS项目中5个经典Vuex插件

    Vue.JS项目中5个经典Vuex插件

    在本文中,将向你展示5个特性,你可以通过 Vuex 插件轻松地添加到下一个项目中。一起来学习下。
    2017-11-11
  • Vue.js bootstrap前端实现分页和排序

    Vue.js bootstrap前端实现分页和排序

    这篇文章主要为大家详细介绍了Vue.js结合bootstrap前端实现分页和排序效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 对vue生命周期的深入理解

    对vue生命周期的深入理解

    这篇文章主要给大家介绍了关于对vue生命周期的深入理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • vue3.0引入百度地图并标记点的实现代码

    vue3.0引入百度地图并标记点的实现代码

    这篇文章主要介绍了vue3.0引入百度地图并标记点,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • vue2.0$nextTick监听数据渲染完成之后的回调函数方法

    vue2.0$nextTick监听数据渲染完成之后的回调函数方法

    今天小编就为大家分享一篇vue2.0$nextTick监听数据渲染完成之后的回调函数方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue使用fengMap速度慢的原因分析

    vue使用fengMap速度慢的原因分析

    这篇文章主要介绍了vue使用fengMap速度慢的原因分析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • 解决vue侦听器watch,调用this时出现undefined的问题

    解决vue侦听器watch,调用this时出现undefined的问题

    这篇文章主要介绍了解决vue侦听器watch,调用this时出现undefined的问题,具有很好的参考
    2020-10-10

最新评论