vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue 使用geobuf

vue中使用geobuf的示例详解

作者:~疆

这篇文章主要介绍了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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

阅读全文