1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/syt123450-giojs

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 2.7 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 30.11.2024 20:02 24332ab

Gio.js — это библиотека с открытым исходным кодом для визуализации данных на 3D-глобусе в интернете, созданная с использованием Three.js.

Особенность Gio.js заключается в том, что он позволяет легко использовать Gio.js для настройки модели визуализации данных в 3D декларативным способом, добавлять собственные данные и интегрировать их в современное веб-приложение.

  • Простота — создание модели визуализации глобальных данных в 3D с собственными данными всего за четыре строки кода JavaScript.
  • Настройка — разработка собственного стиля глобуса с помощью простых в использовании API в Gio.js.
  • Модернизация — создание ответственного, полностью интерактивного, насыщенного интерфейса в 3D с использованием Gio.js.

Начало работы

Установка

  1. Вариант 1: тег <script>:
    • Включите зависимость Three.js:
    <script src="three.min.js"></script>
    • Добавьте локальную библиотеку Gio.js:
    <script src="gio.min.js"></script>

или через CDN:

<script src="https://threejs.org/build/three.min.js"></script>
<script src="https://raw.githack.com/syt123450/giojs/master/build/gio.min.js"></script>
  1. Вариант 2: npm:
npm install giojs --save
  1. Вариант 3: yarn:
yarn add giojs

Использование

После включения «three.min.js» и «gio.min.js» в HTML создайте div для отображения 3D глобуса Gio (использование Gio.js немного отличается в мини-игре WeChat, ознакомьтесь с этой демонстрацией, чтобы узнать больше об этом).

<!DOCTYPE HTML>
<html>
<head>

  <!-- include three.min.js library-->
  <script src="three.min.js"></script>

  <!-- include gio.min.js library-->
  <script>
    // your code here
  </script>
</head>
<body>
  ...
</body>
</html> Данный проект соответствует спецификации all-contributors. Приветствуются любые вклады!

## Лицензия
Apache-2.0

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/syt123450-giojs.git
git@api.gitlife.ru:oschina-mirror/syt123450-giojs.git
oschina-mirror
syt123450-giojs
syt123450-giojs
master