{"repo":"googlemaps/js-three","free":true,"listed":false,"github":"https://github.com/googlemaps/js-three","clone":"git clone https://github.com/googlemaps/js-three.git","description":"Add ThreeJS objects to Google Maps.","language":"TypeScript","stars":213,"topics":["threejs","google-maps","utility-library","googlemaps","maps"],"license":"Apache-2.0","category":"game-templates","readme_excerpt":"Google Maps ThreeJS Overlay View and Utilities Description Add three.js objects to Google Maps Platform JS. The library provides a ThreeJSOverlayView class extending google.maps.WebGLOverlayView and utility functions for converting geo-coordinates (latitude/longitude) to vectors in the coordinate system used by three.js. Install Available via npm as the package @googlemaps/three. Alternatively you can load the package directly to the html document using unpkg or other CDNs. In this case, make sure to load three.js before loading this library: When adding via unpkg, the package can be accessed as google.maps.plugins.three . A version can be specified by using https://unpkg.com/@googlemaps/three@VERSION/dist/... . The third option to use it is via ES-Module imports, similar to how the three.js examples work. For this, you first need to specify an importmap (example using unpkg.com, but it works the same way with any other CDN or self-hosted files): In order to support browsers that don't yet implement importmap, you can use the es-module-shims package. After that, you can use three.js and the ThreeJSOverlayView like you would when using a bundler. Documentation Checkout the reference documentation. Coordinates, Projection and Anchor-Points The coordinate system within the three.js scene (so-called 'world coordinates') is a right-handed coordinate system in z-up orientation. The y-axis is pointing true north, and the x-axis is pointing east. The units are meters. So the point ne","default_branch":null,"files":null,"tree":[],"storefront":"/r/googlemaps","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/googlemaps/js-three/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}