# google-maps-api-threejs-layer

**Repository Path**: moneybags/google-maps-api-threejs-layer

## Basic Information

- **Project Name**: google-maps-api-threejs-layer
- **Description**: Google Maps API layer that uses Three.js to for super fast animation
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-01-07
- **Last Updated**: 2024-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Threejs

## README

# Three.js Layer for the Google Maps API

Google Maps API layer that uses [Three.js](http://mrdoob.github.com/three.js/) to for super fast animation.

### Usage

```js
new ThreejsLayer(options, completeCallback);
```

### Example


```js
new ThreejsLayer({ map: map }, function(layer){
  
  var geometry = new THREE.Geometry(),
    location = new google.maps.LatLng(lat, lng),
    vertex = layer.fromLatLngToVertex(location);

  geometry.vertices.push( vertex );

  var particles = new THREE.ParticleSystem(geometry, material);
  layer.add(particles);
});

```

### About

Based on the excellent [CanvasLayer](https://google-maps-utility-library-v3.googlecode.com/svn/trunk/canvaslayer/docs/reference.html) by [@brendankenny](https://github.com/brendankenny)

Developed by [Martin Kleppe](https://plus.google.com/103747379090421872359/) at [Ubilabs](http://www.ubilabs.net). 

Released under the [Apache License 2.0](http://www.apache.org/licenses/LICENSE-2.0).