Solid Map Gl Versions Save

Improvements

• Add Scene to Layer3D child components.

Bug fixing

• #173
• #172
• #171

#140 Add TS files

Thanks @joshm998

Update to Mapbox Version 3

Includes:

• Mapbox Standard Map
• Map configuration (Labels and Lighting)
• Layer slot property

Example

Bugfixes

• All nested DOM elements of MapGL component are properly displayed when in fullscreen mode

Bugfixing

• Made 3D libraries optional in package.json

Improvements

• Add Layer3D Component
• Add 3D Example for ThreeJS
• Add 3D Example for BabylonJS

Bugfixing

Rewrite of Marker and Popup Component

!! Some prop changes in Marker and Popup component, see Docs

Bugfixing

Bugfixing

• Fixed issue #100
• Fixed issue #94

Bug Fixing

• Fix onLoad event not Firing

Bugfixing

• Fixed set bounds on viewport
• When events are set on map and layers, then the layer event has priority

Add Functionality

Optional simplified style definition

• No need to separate styles into paint and layout properties
• Properties names can be in camelCase instead of dash-case (eg.: fill-translate-anchor --> fillTranslateAnchor)
• Prefix type in style properties can be omitted (eg.: fill-color --> color)
  • For symbols you still need the icon and text prefix

Normal style

style={{
  type: 'circle',
  paint: {
    'circle-radius': ['*', ['get', 'mag'], 2],
    'circle-color': [
      'match',
      ['get', 'tsunami'],
      0,
      '#F00',
      1,
      '#03A',
      '#CCC',
    ],
    'circle-opacity': 0.5,
    'circle-stroke-width': 0.25,
    'circle-pitch-alignment': 'map',
  },
  layout: {
    visibility: true
  }
}}

Simplified Style

style={{
  type: 'circle',
  radius: ['*', ['get', 'mag'], 2],
  color: ['match', ['get', 'tsunami'], 0, '#F00', 1, '#03A', '#CCC'],
  opacity: 0.5,
  strokeWidth: 0.25,
  pitchAlignment: 'map',
  visibility: true
}}

This should make it easier to save styles as JSON.