deck.gl实现多边形图层绘制

最新推荐文章于 2024-07-05 14:13:04 发布

丶酸酸

最新推荐文章于 2024-07-05 14:13:04 发布

阅读量1.5k

点赞数

分类专栏：地图文章标签： react 街景地图

本文链接：https://blog.csdn.net/a82048195/article/details/108081312

版权

本文介绍如何在项目中结合deck.gl与react，实现地图上的多边形图层绘制，详细讲解了从数据转换为geoJson格式到图层创建的过程。

摘要由CSDN通过智能技术生成

最近在项目中需要用到地图，并且需要在上面绘制图层，这篇文章来记录如何利用deck.gl实现图层的绘制功能。
代码参考deck.gl官网api写的

主要代码：

在创建多边形图层前，需要先将多边形图层的数据转换成geoJson格式的数据

//geoJson格式的多边形
import DeckGL from '@deck.gl/react';
import {
   PolygonLayer} from '@deck.gl/layers';
function App() {
   

  let listData= [
            {
   
                geometry: {
   
                    type: "Polygon",
                    coordinates: [
                    [113.7982,