美文网首页GIS加油站
mapboxGL3新特性介绍

mapboxGL3新特性介绍

作者: 牛老师讲GIS | 来源:发表于2023-09-02 18:39 被阅读0次

概述

8月7日,mapboxGL发布了3版本的更新,本文带大家一起来看看mapboxGL3有哪些新的特性。

新特新

新版本

如上图所示,是mapboxGL官网关于新版的介绍,大致翻译如下:

增强了web渲染的质量、便捷程度以及开发人员体验,同时也为mapbox未来的地图奠定了基础。升级允许使用最新的特性,包括新的mapbox 3D样式标准

演示DEMO截图如下。


image.png

Github有关新版本的特性介绍如下:

1. Mapbox标注样式(The Mapbox Standard style)

The new Mapbox Standard core style enables a highly performant and elegant 3D mapping experience with powerful dynamic lighting capabilities, and an expertly crafted symbolic aesthetic.

通过强大的动态光照能力和符号库提供高性能、高体验的3D地图。

2. 灯光API(Lighting API)

In GL JS v3 we've introduced new experimental lighting APIs to give you control of lighting and shadows in your map when using 3D objects: AmbientLight and DirectionalLight. We've also added new APIs on FillExtrusionLayer and LineLayer to support this 3D lighting styling.

引入新的实验性光照API来控制地图的光照和阴影。

3. 样式API和表达式改进(Style API and expressions improvements)

We have introduced a new set of expressions to enhance your styling capabilities.
Mapbox GL JS v3 also introduces a new set of style properties:

引入新的表达式和样式属性来增强样式,新的样式属性包括:

  • background:
    • background-emissive-strength
  • circle:
    • circle-emissive-strength
  • fill:
    • fill-emissive-strength
  • fill-extrusion:
    • fill-extrusion-ambient-occlusion-ground-attenuation
    • fill-extrusion-ambient-occlusion-ground-radius
    • fill-extrusion-ambient-occlusion-intensity
    • fill-extrusion-ambient-occlusion-radius
    • fill-extrusion-ambient-occlusion-wall-radius
    • fill-extrusion-edge-radius
    • fill-extrusion-flood-light-color
    • fill-extrusion-flood-light-ground-attenuation
    • fill-extrusion-flood-light-ground-radius
    • fill-extrusion-flood-light-intensity
    • fill-extrusion-flood-light-wall-radius
    • fill-extrusion-rounded-roof
    • fill-extrusion-vertical-scale
  • icon:
    • icon-emissive-strength
    • icon-image-cross-fade
  • line:
    • line-emissive-strength
  • raster:
    • raster-color-mix
    • raster-color-range
    • raster-color
  • text:
    • text-emissive-strength

相关文章

  • webpack新特性介绍

    近年来前端技术如雨后春笋般蓬勃发展,我们也在这个潮流下不断地学习、成长。前端技术的不断发展,给我们提供了许多的便利...

  • TypeScript 新特性介绍

    TypeScript 新特性介绍 字符串新特性 多行字符串 JavaScript 定义多行字符串 TypeScri...

  • CSS新特性介绍

    Time: 20200131 本课程是技术胖的课程笔记。 新特性介绍 CSS3选择器 抛弃图片的视觉效果(不能完全...

  • Java 8 新特性介绍

    Java 8 新特性介绍 新特性分类 语言功能增加特性 API 类库 平台和虚拟机 周边工具 语言功能增加特性 函...

  • MySQL · 特性分析 ·MySQL 5.7新特性系列三无标题

    前言:MySQL5.7新特性之一介绍了一些新特性及兼容性问题,MySQL 5.7新特性之二介绍了临时表的优化和实现...

  • Layout文档整理

    ConstraintLayout 【ConstraintLayout】 Android新特性介绍,Constrai...

  • JDK8新特性介绍

    JDK8新特性介绍 JDK8新特性:​ 1,Lambda表达式​ 2,新的日期API​ 3,引入Optional​...

  • jdk13特性

    JDK 13 新特性讲解课程 第一章 JDK 13新特性介绍 1.1 JDK 各版本主要特性回顾 JDK Vers...

  • 关于java8的学习(一)

    Java 8 新特性 官网java8介绍地址菜鸟教程关于java8的介绍 Java 8 里面加了很多的新特性,在这...

  • ios上网的方法

    介绍 iOS9引入了新特性App Transport Security (ATS)。 新特性要求App内访问的网络...

网友评论

    本文标题:mapboxGL3新特性介绍

    本文链接:https://www.haomeiwen.com/subject/rdgxvdtx.html