Як зробити сортування даних Google Fusion Table за допомогою javascript.

Вивести дані таблиці на карту легко. Не набагато складніше зробити сортування цих даних без перезавантаження сторінки за допомогою JavaScript. Наприклад, мені відразу після створення карти захотілося її оживити, додавши інтерактивності у вигляді сортування країнами. Оскільки я далекий від програмування, читання документації Google Map API не допомогло - потрібен був готовий шаблон, який я зможу змінити під свої вимоги. На диво, я навіть знайшов статтю зрозумілою мовою (не стільки українською, скільки людською).

Я задумав сортувати фотографії країнами. Для цього потрібно додати ще одну колонку Country, тип Text. Країни я позначив за допомогою географічних доменів першого рівня — так простіше та наочніше.

Далі слід підставити в код свої параметри.

width:860px;height:600px; — ширина та висота вікна, до якого відображатиметься карта.

onLoad="initializeMap()" - скрипт буде починати свою роботу відразу ж при завантаженні сторінки, тому подію onLoad потрібно помістити в тег body.

sensor=false — цей параметр за замовчуванням вимкнено, тому що нам не потрібно використовувати GPS або Wi-Fi для визначення розташування користувача.

36.73447903144106,53.9124415 — тут потрібно вказати координати центральної точки, щодо якої карта буде відцентрована у вікні, розміри якого вказані вище. Найпростіше це зробити як Visualize > Map > Get embeddable link, де в вікні, що з'явилося, копіювати:

google

zoom: 3 – ступінь наближення карти.

mapTypeId: 'roadmap' — тип карти, roadmap показує межі та дороги. Варіанти: satellite – природний вигляд із супутника; terrain - на карті типу roadmap показаний рельєф(Рослинність, гори).

2655265 - це унікальний код таблиці, дані з якої потрібно обробити (в меню File & Abt дивимося Numeric ID).

select Location from 2655265 where Country = 'ua' — ​​це SQL-запит, який можна перекласти приблизно так: вибрати кожну комірку колонки Location таблиці 2655265, для якої значення відповідної комірки колонки Country дорівнює ua. Для кожної країни повторюємо аналогічні події. Останній рядок "select Location from 2655265" - це вибірка всіх країн, тобто скасування будь-якого фільтра, щоб користувач міг повернутися до початкових параметрів без перезавантаження сторінки.

Зверніть увагу, що у кожної вибірки номер функції змінюється. Таку відповідність номерів функцій потрібно зберегти і для посилань-фільтрів в HTML-коді.