antv-l7/stories/Map/map.stories.tsx

140 lines
7.3 KiB
TypeScript
Raw Normal View History

2021-04-06 18:00:53 +08:00
import { storiesOf } from '@storybook/react';
import * as React from 'react';
import MapCenter from './components/mapCenter';
import Amap2demo from './components/amap2demo'
import Amap2demo_destroy from './components/amap2demo_destroy';
import Amap2demo_extrude from './components/amap2demo_extrude'
import Amapdemo_extrude from './components/amapdemo_extrude'
import Amap2demo_text from './components/amap2demo_text'
2021-05-31 20:39:15 +08:00
import Amap2demo_textSelect from './components/amap2demo_textSelect'
2021-05-27 19:53:22 +08:00
import Amap2demo_iconfont from './components/amap2demo_iconfont';
import Amap2demo_image from './components/amap2demo_image'
2021-05-27 19:53:22 +08:00
import Amap2demo_winds from "./components/amap2demo_winds"
import Amap2demo_polygon from './components/amap2demo_polygon'
import Amap2demo_polygon_extrude from './components/amap2demo_polygon_extrude'
2021-05-27 19:53:22 +08:00
import Amap2demo_arcLine from "./components/amap2demo_arcLine"
import Amap2demo_arcLine3d from "./components/amap2demo_arcLine3d"
import Amap2demo_arcLine3dLinear from './components/amap2demo_arcLine3dLinear';
import Amap2demo_arcLine_greatCircle from "./components/amap2demo_arcLine_greatCircle"
import Amap2demo_arcLine_greatCircleTex from "./components/amap2demo_arcLine_greatCircleTex"
2021-05-27 19:53:22 +08:00
import Amap2demo_lineHeight from "./components/amap2demo_lineHeight"
import Amap2demo_lineDash from "./components/amap2demo_lineDash"
import Amap2demo_arcLineDir from "./components/amap2demo_arcLineDir"
2021-05-31 10:34:15 +08:00
import Amap2demo_arcLineTex from './components/amap2demo_arcLineTex';
import Amap2demo_arcLineLinear from './components/amap2demo_arcLineLinear';
2021-06-01 19:05:03 +08:00
import Amap2demo_arcLine3DTex from './components/amap2demo_arcLine3DTex';
2021-05-27 19:53:22 +08:00
import Amap2demo_lineStreet from './components/amap2demo_lineStreet';
import Amap2demo_lineLinear from './components/amap2demo_lineLinear';
2021-05-27 19:53:22 +08:00
import Amap2demo_road from './components/amap2demo_road';
2021-05-31 10:34:15 +08:00
import Amap2demo_road2 from './components/amap2demo_road2';
import Amap2demo_heatmap from "./components/amap2demo_heatmap"
import Amap2demo_heatmap3D from "./components/amap2demo_heatmap3D"
import Amap2demo_heatmap_hexagon from "./components/amap2demo_heatmap_hexagon"
2021-05-27 19:53:22 +08:00
import Amap2demo_heatmap_hexagon_world from './components/amap2demo_heatmap_hexagon_world';
import Amap2demo_heatmap_grid from "./components/amap2demo_heatmap_grid"
import Amap2demo_imageLayer from "./components/amap2demo_imagelayer"
Shihui dev (#808) * feat: add getModelMatrix into viewport * feat: 新增地球模式 (初步构建) * feat: 完善地球交互 * style: lint style * feat: 调整地球图层缩放的方向 * style: lint style * feat: 增加地球模式的 pointLayer/fill 图层 * style: lint style * feat: 增加地球、太阳的简单运动系统,优化部分代码结构 * fix: 修复时间点击出错 * style: lint style * fix: 修复地图 panBy 方法参数错误 * style: lint style * feat: pointLayer/cylinder 圆柱兼容地球模式 * style: lint style * feat: 修复 pointLayer/fill 在拾取是破面严重的情况 * style: lint style * feat: 增加 arc 弧度调节 * feat: 增加 lineLayer/arc3d 兼容地球模式 * style: lint style * feat: 增加地球图层 - 大气层 * style: lint style * feat: 增加设置可视化层背景色的能力 * style: lint style * feat: 增加地球外发光效果 * style: lint style * feat: 允许用户不使用 layer 的 source 方法 - 地球模式下光晕图层不需要传数据 * style: lint style * feat: 调整光晕的 shader 计算 * feat: 调整地球大气层的渲染层级 * style: lint style * feat: 调整案例 * style: lint style * feat: 增加地球图层的默认参数、调整部分代码 * style: lint style * feat: imageTile developinging * style: lint style * feat: 新增图片瓦片地图 * fix: 修复 amap2 新增样式导致的 marker 失效 * feat: 修复 amap2 的 amap-maps 新增 z-index=0; 引发的marker 显示层级失效 * feat: amap2 的 amap-maps 新增 z-index=0; 样式,让 marker 中 zIndex 失效 * style: lint style * chore: update version 2.5.36 -> 2.5.37 * feat: 补全瓦片地图中的类型引用 * style: lint style * feat: 增加 demo * style: lint style * feat: 修复 varying 传递 float 总数在部分终端设备 ios13 上突破限制的问题 * chore: update version 2.5.37 -> 2.5.38 * feat: add stoty demo * style: lint style * feat: 调整 aspace demo * feat: 调整 aspace demo * style: lint style
2021-10-25 17:03:51 +08:00
import Amap2demo_imageTileLayer from "./components/amap2demo_imageTileLayer"
import Amap2demo_rasterLayer from "./components/amap2demo_rasterlayer"
import Amap2demo_citybuilding from "./components/amap2demo_citybuilding"
2021-04-06 18:00:53 +08:00
2021-05-27 19:53:22 +08:00
import Amap2demo_drilldown from "./components/amap2demo_drilldown"
import Amap2demo_markerlayer from "./components/amap2demo_markerlayer"
import Amap2demo_markerPopup from './components/amap2demo_markerPopup';
import Amap2demo_clustermarker from './components/amap2demo_clustermarker';
2021-05-27 19:53:22 +08:00
import Amap2demo_instance from "./components/amap2demo_instance"
import Amap2demo_drawControl from "./components/amap2demo_drawControl"
import Amap2demo_mesh from "./components/amap2demo_mesh"
2021-05-31 10:34:15 +08:00
import Amap2demo_mesh2 from "./components/amap2demo_mesh2"
import Amap2demo_meshStyleMap from './components/amap2demo_meshStyleMap';
import Amap2demo_styleMap from "./components/amap2demo_styleMap"
import Amap2demo_textOffset from "./components/amap2demo_textOffset"
2021-05-27 19:53:22 +08:00
import ShapeUpdate from './components/shapeUpdate'
import AmapPlugin from './components/plugin'
import PointUV from './components/pointUV'
import DestroyClear from './components/destroyClear'
import PlaneLine from './components/planeLine'
2021-04-06 18:00:53 +08:00
// @ts-ignore
storiesOf('地图方法', module)
.add('高德地图 point/demo', () => <MapCenter />)
.add('高德地图2.0 point/demo', () => <Amap2demo />)
.add('高德地图 point/extrude', () => <Amapdemo_extrude />)
.add('高德地图2.0 point/extrude', () => <Amap2demo_extrude />)
.add('高德地图2.0 point/text', () => <Amap2demo_text />)
2021-05-31 20:39:15 +08:00
.add('高德地图2.0 point/textSelect', () => <Amap2demo_textSelect />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 point/iconfont', () => <Amap2demo_iconfont />)
.add('高德地图2.0 point/image', () => <Amap2demo_image />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 polygon', () => <Amap2demo_polygon />)
.add('高德地图2.0 polygon_extrude', () => <Amap2demo_polygon_extrude />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 line_arc', () => <Amap2demo_arcLine />)
.add('高德地图2.0 line_arc3d_demo', () => <Amap2demo_arcLine3d />)
.add('高德地图2.0 line_arc3d_linear_demo', () => <Amap2demo_arcLine3dLinear />)
.add('高德地图2.0 line_arc_greatCircle', () => <Amap2demo_arcLine_greatCircle />)
.add('高德地图2.0 line_arc_greatCircleTex', () => <Amap2demo_arcLine_greatCircleTex />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 lineHeight', () => <Amap2demo_lineHeight />)
.add('高德地图2.0 lineDash', () => <Amap2demo_lineDash />)
2021-06-01 19:05:03 +08:00
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 line_arcDir', () => <Amap2demo_arcLineDir />)
2021-05-31 10:34:15 +08:00
.add('高德地图2.0 line_arcTex', () => <Amap2demo_arcLineTex />)
.add('高德地图2.0 line_arcLinear', () => <Amap2demo_arcLineLinear />)
2021-06-01 19:05:03 +08:00
.add('高德地图2.0 line_arc3DTex', () => <Amap2demo_arcLine3DTex />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 line_winds', () => <Amap2demo_winds />)
.add('高德地图2.0 line_Street', () => <Amap2demo_lineStreet />)
.add('高德地图2.0 line_Linear', () => <Amap2demo_lineLinear />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 road', () => <Amap2demo_road />)
2021-05-31 10:34:15 +08:00
.add('高德地图2.0 road2', () => <Amap2demo_road2 />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 heatmap', () => <Amap2demo_heatmap />)
.add('高德地图2.0 heatmap3D', () => <Amap2demo_heatmap3D />)
.add('高德地图2.0 heatmap3D/hexagon', () => <Amap2demo_heatmap_hexagon />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 heatmap/hexagon/world', () => <Amap2demo_heatmap_hexagon_world />)
.add('高德地图2.0 heatmap3D/grid', () => <Amap2demo_heatmap_grid />)
Shihui dev (#808) * feat: add getModelMatrix into viewport * feat: 新增地球模式 (初步构建) * feat: 完善地球交互 * style: lint style * feat: 调整地球图层缩放的方向 * style: lint style * feat: 增加地球模式的 pointLayer/fill 图层 * style: lint style * feat: 增加地球、太阳的简单运动系统,优化部分代码结构 * fix: 修复时间点击出错 * style: lint style * fix: 修复地图 panBy 方法参数错误 * style: lint style * feat: pointLayer/cylinder 圆柱兼容地球模式 * style: lint style * feat: 修复 pointLayer/fill 在拾取是破面严重的情况 * style: lint style * feat: 增加 arc 弧度调节 * feat: 增加 lineLayer/arc3d 兼容地球模式 * style: lint style * feat: 增加地球图层 - 大气层 * style: lint style * feat: 增加设置可视化层背景色的能力 * style: lint style * feat: 增加地球外发光效果 * style: lint style * feat: 允许用户不使用 layer 的 source 方法 - 地球模式下光晕图层不需要传数据 * style: lint style * feat: 调整光晕的 shader 计算 * feat: 调整地球大气层的渲染层级 * style: lint style * feat: 调整案例 * style: lint style * feat: 增加地球图层的默认参数、调整部分代码 * style: lint style * feat: imageTile developinging * style: lint style * feat: 新增图片瓦片地图 * fix: 修复 amap2 新增样式导致的 marker 失效 * feat: 修复 amap2 的 amap-maps 新增 z-index=0; 引发的marker 显示层级失效 * feat: amap2 的 amap-maps 新增 z-index=0; 样式,让 marker 中 zIndex 失效 * style: lint style * chore: update version 2.5.36 -> 2.5.37 * feat: 补全瓦片地图中的类型引用 * style: lint style * feat: 增加 demo * style: lint style * feat: 修复 varying 传递 float 总数在部分终端设备 ios13 上突破限制的问题 * chore: update version 2.5.37 -> 2.5.38 * feat: add stoty demo * style: lint style * feat: 调整 aspace demo * feat: 调整 aspace demo * style: lint style
2021-10-25 17:03:51 +08:00
.add('高德地图2.0 imageLayer', () => <Amap2demo_imageLayer />)
Shihui dev (#808) * feat: add getModelMatrix into viewport * feat: 新增地球模式 (初步构建) * feat: 完善地球交互 * style: lint style * feat: 调整地球图层缩放的方向 * style: lint style * feat: 增加地球模式的 pointLayer/fill 图层 * style: lint style * feat: 增加地球、太阳的简单运动系统,优化部分代码结构 * fix: 修复时间点击出错 * style: lint style * fix: 修复地图 panBy 方法参数错误 * style: lint style * feat: pointLayer/cylinder 圆柱兼容地球模式 * style: lint style * feat: 修复 pointLayer/fill 在拾取是破面严重的情况 * style: lint style * feat: 增加 arc 弧度调节 * feat: 增加 lineLayer/arc3d 兼容地球模式 * style: lint style * feat: 增加地球图层 - 大气层 * style: lint style * feat: 增加设置可视化层背景色的能力 * style: lint style * feat: 增加地球外发光效果 * style: lint style * feat: 允许用户不使用 layer 的 source 方法 - 地球模式下光晕图层不需要传数据 * style: lint style * feat: 调整光晕的 shader 计算 * feat: 调整地球大气层的渲染层级 * style: lint style * feat: 调整案例 * style: lint style * feat: 增加地球图层的默认参数、调整部分代码 * style: lint style * feat: imageTile developinging * style: lint style * feat: 新增图片瓦片地图 * fix: 修复 amap2 新增样式导致的 marker 失效 * feat: 修复 amap2 的 amap-maps 新增 z-index=0; 引发的marker 显示层级失效 * feat: amap2 的 amap-maps 新增 z-index=0; 样式,让 marker 中 zIndex 失效 * style: lint style * chore: update version 2.5.36 -> 2.5.37 * feat: 补全瓦片地图中的类型引用 * style: lint style * feat: 增加 demo * style: lint style * feat: 修复 varying 传递 float 总数在部分终端设备 ios13 上突破限制的问题 * chore: update version 2.5.37 -> 2.5.38 * feat: add stoty demo * style: lint style * feat: 调整 aspace demo * feat: 调整 aspace demo * style: lint style
2021-10-25 17:03:51 +08:00
.add('高德地图2.0 imageTileLayer', () => <Amap2demo_imageTileLayer />)
.add('高德地图2.0 rasterLayer', () => <Amap2demo_rasterLayer />)
.add('高德地图2.0 citybuildLayer', () => <Amap2demo_citybuilding />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 点击下钻', () => <Amap2demo_drilldown />)
.add('高德地图2.0 Marker图层', () => <Amap2demo_markerlayer />)
.add('marker popup', () => <Amap2demo_markerPopup/>)
.add('高德地图2.0 clusterMarker图层', () => <Amap2demo_clustermarker />)
2021-05-27 19:53:22 +08:00
.add('高德地图2.0 instance实例', () => <Amap2demo_instance />)
.add('高德地图2.0 drawControl实例', () => <Amap2demo_drawControl />)
.add('高德地图2.0 mesh实例', () => <Amap2demo_mesh />)
2021-05-31 10:34:15 +08:00
.add('高德地图2.0 mesh实例2', () => <Amap2demo_mesh2 />)
.add('高德地图 mesh 样式数据映射', () => <Amap2demo_meshStyleMap/>)
.add('高德地图 样式数据映射', () => <Amap2demo_styleMap/>)
.add('高德地图 样式映射 文字偏移', () => <Amap2demo_textOffset/>)
.add('测试销毁', () => <Amap2demo_destroy/>)
.add('ShapeUpdate', () => <ShapeUpdate/>)
.add('AmapPlugin', () => <AmapPlugin/>)
.add('PointUV', () => <PointUV/>)
.add('DestroyClear', () => <DestroyClear/>)
.add('PlaneLine', () => <PlaneLine/>)