Git Product home page Git Product logo

xyz-threejs's Introduction

XYZ maps three.js renderer (aka harp.gl)

XYZ maps three.js (previously known as harp.gl) is an experimental open-source 3D map rendering engine built on three.js. This open source version doesn't rely on access to proprietary APIs and services.

Overview

You can use this engine to:

  • Develop visually appealing 3D maps
  • Create highly animated and dynamic map visualization with WebGL, using the popular three.js library.
  • Create themeable maps, with themes that can change on the fly.
  • Create a smooth map experience with highly performant map rendering and decoding. Web workers parallelize the CPU intensive tasks, for optimal responsiveness.
  • Design your maps modularly, where you can swap out modules and data providers as required.

With that in mind, we have included some modules that let's you get started with some simple web applications that can display a map using our default style. You can get results like the one shown below:

New York City rendered with our default style

Getting started with harp.gl

(TDB - will be updated to reflect transition to XYZ maps)

If you want to learn more about the applications you can create, please check the Getting Started Guide.

About This Repository

This repository is a monorepo containing the core components of harp.gl, organized in a yarn workspace.

All components can be used stand-alone and are in the @xyzmaps subdirectory.

Installation

In Node.js

All harp.gl modules are installable via yarn (or npm):

yarn add @xyzmaps/harp-mapview
npm install @xyzmaps/harp-mapview

In Browser

Since harp.gl consists of a set of modules, there are no ready-made bundles available. Take a look at the examples on information on how to use tools like webpack to create a bundle for the browser.

Development

Prerequisites

  • Node.js - Please see nodejs.org for installation instructions
  • Yarn - Please see yarnpkg.com for installation instructions.

Download dependencies

Run:

yarn install

to download and install all required packages and set up the yarn workspace.

Launch development server for harp.gl examples

Run:

yarn start

To launch webpack-dev-server. Open http://localhost:8080/ in your favorite browser.

Generate documentation

Run:

yarn run typedoc

It will output all documentation under /dist/doc.

License

Copyright (C) 2023- XYZ maps contributors

Copyright (C) 2017-2021 HERE Europe B.V.

See the LICENSE file in the root of this project for license details about using harp.gl.

In addition, please note that the fonts are under a different set of licenses.

xyz-threejs's People

Contributors

andriiheonia avatar arekspiewak1991 avatar astrak avatar atomicsulfate avatar bande-here avatar blazejkroll avatar craigberlin avatar dbacarel avatar dependabot[bot] avatar dimitryrd avatar fraukef avatar gairik avatar germanz avatar haraldf avatar keaukraine avatar kkostecki avatar mpursche avatar musculman avatar ninok avatar nzjony avatar okanishchev avatar olifink avatar pit-rpg avatar robertoraggi avatar sasha240100 avatar sergiikulakovskyi avatar stefandachwitz avatar tsteenbe avatar valerii-zinchenko avatar zellm avatar

Stargazers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.