Three.js Layer - Google Maps API v=3.21.
HTML
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/detector.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/dat.gui.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/three.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/threejs-layer.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&v=3.21"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/detector.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/dat.gui.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/lib/three.js"></script>
<script src="https://rawgit.com/ubilabs/google-maps-api-threejs-layer/master/threejs-layer.js"></script>
<body>
<div id="map-div"></div>
</body>
CSS
html, body, #map-div {
margin: 0;
padding: 0;
height: 100%;
}
JavaScript
var styles = [
{
"stylers": [
{ "invert_lightness": true },
{ "saturation": -100 },
{ "visibility": "on" }
]
},{
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "landscape",
"stylers": [
{ "color": "#000000" }
]
},{
"featureType": "road",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "poi",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "administrative",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "administrative.country",
"elementType": "geometry",
"stylers": [
{ "visibility": "on" }
]
}
];
var photos =...