Я хочу следовать примеру с Google Maps и Fusion Tables. Этот образец находится на GitHub, и в названии проекта указано, что он принадлежит google_IoT_innovation_challenge_example_web.

В нем всего несколько строк кода, но недостаточно просто клонировать его на ПК, чтобы запустить его… Вы должны использовать Google Cloud Plataform, чтобы предоставить некоторые разрешения для API и немного двух-трех вещей…

А также вам нужно запустить сервер на локальном хосте (например, localhost: 8080) … поэтому я решил использовать для него узел

Итак, начнем:

Шаг 1. Клонирование с помощью Git

Меня интересуют карты и визуализация, поэтому я хочу проверить следующий репозиторий git:



tschaeff/google_IoT_innovation_challenge_example_web
google_IoT_innovation_challenge_example_web — это пример подключения к Google BigQuery с помощью Google…github.com



после

$ git clone https://github.com/tschaeff/google_IoT_innovation_challenge_example_web.git

у меня есть

В исходном коде сказано:

поэтому я запущу сервер на локальном хосте с узлом:

Шаг 2. Запустите сервер

Простое, очень простое приложение node .js:

$ нпм инициализация

$ npm установить экспресс

$ npm установить парсер тела

И привет мировая страница:

как видите, я использую /public модуль экспресса, поэтому в этом модуле я скопирую html-источники BigQuery, чтобы восстановить их с помощью localhost:8080.

Шаг 3. Google Cloud Console

Теперь пришло время предоставить некоторые права доступа: в консоли разработчика Google мы создаем новый проект.

Включаем авторизацию OAuth с пользовательским логотипом

Включаем ключ API для доступа к Google Maps: следуем инструкциям на:

https://developers.google.com/maps/documentation/javascript/get-api-key#key

И у нас есть API, доступный для использования:

Шаг 4: Ключи к исходному коду

Наши ключи API, а также идентификатор приложения и идентификатор клиента из Google Cloud Plataform должны быть в коде:

Шаг 5. Запустите пример

Затем мы предоставляем доступ к приложению:

Данные восстанавливаются из сводных таблиц и графически отображаются с помощью Google Charts.

Давайте посмотрим на другой пример:

Приложение до авторизации:

после авторизации у нас есть доступ к меню

Получить транспортные средства восстанавливается из сводных таблиц.

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

И код, в котором вызывается BigQuery в сводной таблице:

// Выбрать все уникальные транспортные средства и количество строк для каждого транспортного средства.
var groupById = "ВЫБЕРИТЕ предмет, СЧЕТ(*) ИЗ [dw-open-001:demo.vehicle_tracker] СГРУППИРОВАТЬ ПО предмету;";

runQuery это

и объект gapi имел надлежащее разрешение

Что у нас есть закончить образец