首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「首席架构师推荐」React生态系统大集合

React Component react-backbone - 用于React的Backbone-aware mixins NestedReact - 与Backbone Views和NestedTypes...jade-react - 将Jade模板编译为React.DOM表达式 gulp-jade-react - 将Jade模板编译成React脱糖JSX和Gulp sbt-reactjs - 使用npmReactSBT...reactn - React,但内置全局状态管理 immer - 通过改变当前状态来创建下一个不可变状态 地图 react-googlemaps - 反映Google地图的界面 react-maps -...与MobX结合使用 MobX教程 10分钟介绍MobX和React 使用MobX管理React应用程序中的复杂状态 将您的应用程序从Redux重构为MobX Redux或MobX:尝试解散混乱 GraphQL...github-issues-viewer - github在react + backbone中发出查看器构建 wolfenstein3D-react - Wolfenstein用React编写的渲染层

12.4K30

Human Interface Guidelines —— Image Views & Maps & Pages

Image Views Human Interface Guidelines链接:Image Views ?...Map view可让您在app内展示地理数据,并支持内置地图app提供的大部分功能。Map view可以配置为显示标准地图,卫星图像或两者均显示。 它可以包含pins和叠加层,并支持缩放和平移。...如果您的app支持路线展示,例如在跟踪跑步app中,则可以使用map view来显示路线。 ·一般来说,保持地图可交互 人们习惯于使用手势与地图app交互,并希望能够以类似的方式与地图进行交互。...Page view控制器可以使用两种样式:scrolling 与 page-curl 中的一种在导航期间管理页面之间的转换。 ...当使用page view控制器时,页面按顺序流动,并且无法在不相邻页面之间跳转。 如果人们需要在app中不按顺序访问页面,请实现提供此功能的自定义控件。

99670
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Sentry 监控 - Dashboards 数据可视化大屏

    Affected Users: 将已知用户与未知用户进行比较。 Handled v. Unhandled: 将已处理的错误与未处理的错误进行比较。...添加叠加层将添加另一组数据进行比较。例如,要反映 P50、P75 和 P90,您需要三个叠加层。如果单位(unit)冲突,图表将始终以第一行为基础。...如果添加多个叠加层,请确保 Y 轴单位匹配。将计数(count)与持续时间(duration)混合不会产生有用的结果。...World Map(世界地图) 使用给定的函数和 geo.country_code 查询事件。结果被绘制为世界地图上的密度值。一个示例场景是“用户在哪些国家/地区遇到最多的错误”。...您可以使用鼠标滚轮缩放地图,或通过单击并拖动地图来平移地图。 Big Number(大数) 大数字可视化显示单个函数的当前值。这种可视化非常适合高级聚合。

    3.7K10

    ArcGIS JS API 4.14实现地图加载图片

    需求描述 将一张图片叠加到ArcGIS地图上是现在很多项目的一个广泛需求,通过查阅网上资料后发现这种需求目前只有四种方法可以实现,因为ArcGIS JS API官网并没有提供相应的图片类图层来让我们实例化图片图层...既然目前没有这类API图层,那我们就自己来找找其他的路子吧,刚才提到过实现将图片叠加到地图上的方法目前有四种,分别如下: 通过ArcGIS知乎上有人提到过的使用Graphic来实现,其实就是将图片当做一个...图层添加到地图上,这就完成了图片和地图的叠加,代码如下所示:      require(["esri/Map",            "esri/views/MapView",            ...,来实现地图上图片的叠加。...扩展出的叠加图片的自定义类代码如下: //自定义叠加图片图层 var CustomImageOverlayLayer = BaseDynamicLayer.createSubclass({

    4.5K30

    干货 | Flutter 地图在携程的最佳实践

    本文将重点突出基于 flutter-boost 的混合工程,单引擎模式下接入 Flutter 地图插件遇到的问题和解决方案。...三、地图插件实现原理:platformView 地图插件按功能分为 Map、Search、Util 等模块,其基本实现类似,使用 MethodChannel 与 native 通信,我们以 Map 为例分析其实现...插件使用了 PlatformView 将原生地图嵌入到 flutter 页面中,在 flutter 层为 UIKitView、AndroidView,native 在生成地图后根据 viewId 初始化...五、自定义文本 BitMap Marker 地图业务中自定义 marker 是比较常见的需求,由于地图是通过 PlatformView 实现的,最容易想到的做法是,通过 Channel 传入 marker...为了将大地图与小地图切换动画更加流畅,当小地图被加载时,地图 size 实际已经渲染成和大地图同样大小,下半部分被列表遮挡。

    82810

    多种前端框架的优缺点「建议收藏」

    5、完善的Ajax:JQuery将所有的Ajax操作封装到一个函数$.ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题...10、行为层与结构层的分离:开发者可以使用选择器选中元素,然后直接给元素添加事件。...这种将行为层与结构层完全分离的思想,可以使JQuery开发人员和HTML或其他页面开发人员各司其职,摆脱过去开发冲突或个人单干的开发模式。...2.是一个比较完善的前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能; 3.自定义指令,自定义指令后可以在项目中多次使用。...六、BackboneJS Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)的结构。

    3.7K20

    高质量编码-克里金插值地图可视化(高级技巧)

    上文介绍的克里金插值地图可视化是由各个站点的经纬度和PM2.5值,使用kriging.js 生成canvas,然后将canvas叠加到地图上。...要把生成的canvas合适的叠加到百度地图上,还需要许多尝试。...下面介绍几个高级技巧: 1.根据合适经纬度宽度生成多个canvas同时叠加到地图上 因为坐标系投影的问题,使用kriging.js生成的canvas只根据BMap.Bounds添加BMap.GroundOverlay...image.png 2.自定义分级色彩 由于kriging.plot方法生成canvas时会将颜色数组的第一个颜色和最后一个颜色对应为最小值最大值,一般上我们想自定义数值范围来分级色彩表示,这时需要在调用...image.png 3.百度地图叠加层其实为img元素,2.0版本遇到图片高度不能完全填充显示。

    2.1K20

    Human Interface Guidelines — Segmented Controls

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚...Segmented controls 通常用于展示不同的views。 例如,在地图中,segmented control可让您在地图,传输和卫星视图之间进行切换。...使用时注意 ·限制segments的数量以提高可用性  更宽的 segments 更容易点击。 在iPhone上,segmented control的 segments 应该少于等于5个。...·避免在 segmented control 中混用文本和图像  尽管单个 segment 可以包含文本或图像,但将包含文本和包含图像的 segment 混合在一个控件中可能会导致一个断开和令人迷惑的界面...·将内容恰当的放置在自定义segmented control中 如果您更改 segmented control 的背景,请确保内容看起来没问题并且不会出现错位的情况。

    63940

    地形渲染之爬过的坑

    为了降低纹理大小,整个地形都是由有限个基础Tile相互叠加来生成不同的地形。所以在TiledMap中,整个地形是由好几层组成,这就意味着每一个菱形都有可能需要几个Tile进行混合而成。...仔细了解下来,才发现他们是使用上面所说的方式进行渲染的。 虽然后来将Quad进行池化, 但是依然会造成1000~2000的GameObject常驻内存。...那就是对地图使用的这些Quad进行自定义Shader, 我们只要需要保证每一个菱形都是由一个Quad渲染而成,那么上面所说的问题2所带来的开销就不存在了。...假如我们地形最多由四层纹理混合而成。 WorldCreator除了会使用四层纹理之后,还会额外生成三张对应整个地图的三张纹理,splatting,normalmap,heightmap。...其中splatting的四个通道会控制四层纹理在混合时的权重,在上文我的方案中,固定的四层纹理混合到一起效果是固定不变的。

    94910

    Unity通用渲染管线(URP)系列(十四)——多相机(Camera Blending & Rendering Layers)

    本文重点内容: 1、使用不同的post FX设置来渲染多个摄像机 2、使用自定义的混合来分层相机 3、支持Layer masks 4、逐相机设置灯光掩码 这是有关创建自定义脚本渲染管道的系列教程的第...(2个分层摄像机) 如果我们不使用Post FX,则可以通过将其设置为仅清除深度来将顶部相机图层变成部分透明的叠加层。这将删除其天空盒,从而显示下面的图层。...1.4 自定义混合 与上一个相机图层融合仅对叠加摄影机有意义。底部相机将与相机目标的任何初始内容(随机的或前一帧的累积)混合,除非编辑器提供了清除的目标。...为了支持没有自定义设置的相机,我们将检查组件是否存在。如果是,使用其设置,否则将使用一个默认设置对象,该对象将创建一次并将引用存储在静态字段中。然后,当我们设置栈时,我们将采用最终的混合模式。 ?...因此透明度是可行的,但Bloom不可以叠加,除非显示纹理,否则像素完美的双线性过滤将使相机的黑色背景颜色在透明边缘周围显示为黑色轮廓。 为了支持其他混合模式,我们需要创建一个自定义UI着色器。

    9K22

    Cesium笔记(3):基本控件简介—ImageryProvider地图瓦片地图配

    cesiumjs中可定制多种图层,可以使用互联网上很多地图提供商的图层数据,也可以使用自己的地图数据。...推荐阅读:《OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载 》 cesiumjs支持的图层格式 wms TMS WMTS (with time dynamic imagery) ArcGIS...Bing Maps Google Earth Mapbox OpenStreetMap 默认地,Cesium使用Bing Maps作为默认的图层。...,创建经纬度的天地图需要注意两个地方,一个是tilingScheme,指定为经纬度,另一个就是tileMatrixLabels,因为level是从1开始(而不是0),所以需要指定每一层级的索引号。...地图地图叠加——添加多个Provider 一个Provider满足用户的业务要求,比如有一个全球影像,但同时有一副全美人口密度专题图,是否能够叠加上去?

    5.1K00

    地图相关 MapKit框架介绍MKMapView控件对象的属性和方法MKAnnotation 大头针模型类大头针view显示类:MKPinAnnotationView 继承于 MKAnnotation

    (nonatomic) CLLocationCoordinate2D centerCoordinate; 例子:使用当前地图界面的中心点回归到用户的坐标(只能中心点回归,范围回归需要设置region属性...)animated; 2.在地图上添加一个大头针 - (void)addAnnotation:(id )annotation; 3.将指定view上的point点转换成地图上的经纬度坐标...} 4.在添加大头针图像出现之前调用,可以设置大头针的掉落效果 参数 views 大头针掉落后的图像,将大头针的y值设置为0(顶部),再动画回到原来的位置可实现 注意:不要将系统定位的大头针设置了动画效果...// 将大头针添加到mapView上 [self.mapView addAnnotation:annotion]; } #pragma mark - 自定义系统样式大头针(与下面二选一...(与上面二选一),不同图片的大头针方法(利用 MKAnnotationView),也可以直接调用封装好的自定义大头针view,且不必给大头针view设置大头针模型,系统会自动调用view的set方法进行设置

    4.9K70

    3D边界地图子组件(散点、柱状图、灯光)

    3D边界地图主要以三维形态对相对宏观地图数据进行展示,支持添加散点、热力、标牌、柱图、飞线等地图子图层的效果叠加。本文以散点、柱状图、灯光子组件为例,对3D边界地图的子组件进行介绍。...01 操作流程1、散点散点就是地图上显示的一个一个的点位,除了用位置表现经纬度信息之外,就是使用图标在业务上的表示点的类别。...1.1.2 基础设置层级序号:设置子组件的渲染层级,层级序号越大越在上层,上层的物体将完全遮挡下层的物体;同层的物体将按照深度值(物体距离相机的远近)来确定遮挡关系。...混合模式:可选择正常、正片叠底、相加、相减四种模式。柱状类型:可选择方柱or圆柱。系列间距:环绕区划中心分布时,每个系类的柱子之间的间距。数据标签:开启后柱子上方会显示对应的数据。...颜色:可以自定义需要的灯光颜色。强度:灯光的光照强度。投射:开启该选项后会显示地图块、柱体等的阴影。

    9910
    领券