aframe-geothree-component

aframe-geothree-component


World-scale maps using geo-three and support for multiple map providers (Mapbox, Bing, HereMaps, etc)

For A-Frame.

$3

| Property | Description | Default Value |
| -------- | ----------- | ------------- |
| provider | Map Tiles Provider | mapbox-satellite-labels |
| providerHeight | Map Tiles Provider to fetch terrain height | mapbox-satellite |
| mapView | Method to display map - planar, height, height-shader or spherical | planar |
| lod | decides how tiles are subdivided | raycast |
| mapboxApiKey | API Key for Mapbox | '' |
| mapboxCustomStyle | only when using mapbox-custom provider | 'mapbox/dark-v10 |
| hereMapsAppCode | App Code from HereMaps when using HereMaps providers | '' |
| hereMapsAppId | App ID from HereMaps when using HereMaps providers | '' |
| bingApiKey | Bing Maps API Key when using Bing maps providers | '' |
| mapTilerApiKey | MapTiler API Key when using MapTiler maps providers | '' |
| openMapTilesServerMap | Server path for self-hosted OpenMapTiles Server | '' |

$3

#### Browser

Install and use by directly including the browser files:

``html











`

#### npm

Install via npm:

`bash
npm install aframe-geothree-component
`

Then require and use.

`js
require('aframe');
require('aframe-geothree-component');
``