广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue中使用geobuf的示例详解
  • 335
分享到

vue中使用geobuf的示例详解

2024-04-02 19:04:59 335人浏览 安东尼
摘要

需要安装geobuf和pbf这两个库 cnpm i -S geobuf pbf 引入 import geobuf from 'geobuf'; import Pbf from 'pb

需要安装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内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: vue中使用geobuf的示例详解

本文链接: https://www.lsjlt.com/news/145364.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作