Deck.gl学习笔记(三):非地理空间坐标系下的简单使用

因为公司项目需求的缘故,所以开发在不使用经纬度的情况下进行视图更新渲染。

在deck.gl中的视图类型可以分为以下几种:

因为前几种为地理空间坐标系,即使用经纬度为基础坐标,一般配合mapbox一起使用,而公司的需求为使用非地理空间坐标进行视图渲染。因此选择了orbitView。

在orbitView视角下简单创建一个长方体。

​
import React,{useState, useCallback,useEffect} from 'react';
import DeckGL from '@deck.gl/react';
import {SolidPolygonLayer} from '@deck.gl/layers';
// import type {PickingInfo} from '@deck.gl/core';
import {COORDINATE_SYSTEM,Viewport} from '@deck.gl/core';
import {OrthographicView,View,OrbitView} from '@deck.gl/core';
import './App.css'
const MAX_SIZE = 24;
const INITIAL_VIEW_STATE= { 
  
    target: [0, 0, 100],
    // rotationX: 45,
    rotationOrbit: 45,
    // minZoom: 0,
    maxZoom: 50,
    // zoom: 10,
    bearing: 45,

  zoom: 0.1} 
function App() {
  const [viewState, setViewState] = useState(INITIAL_VIEW_STATE);
  const
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值