var data = [
new google.maps.LatLng(37.782551, -122.445367),
new google.maps.LatLng(37.782745, -122.444586),
new google.maps.LatLng(37.782842, -122.443688),
...
];
new google.maps.visualization.HeatmapLayer({
data: data
});
var canvasLayer = new CanvasLayer({
map: map,
resizeHandler: resize,
animate: false,
updateHandler: update
});
var context = canvasLayer.canvas.getContext('2d');
Slide 65
Slide 65 text
No content
Slide 66
Slide 66 text
No content
Slide 67
Slide 67 text
github.com/brendankenny/
CanvasLayer
Slide 68
Slide 68 text
WebGL
Slide 69
Slide 69 text
No content
Slide 70
Slide 70 text
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);
});