Добавление базового слоя карты в местах расположения маркеров

• (Шаг 1) - Чтение вводных описаний
  • Heatmap
  • Coldmap
  • Proportional
  • Contour
  • Hex
  • H3
  • Square
• (Шаг 2) - Создание базовой карты из маркеров, сгруппированных в папке
• (Шаг 3) - Создание базовой карты из маркеров в образце данных электронной таблицы
• (Необязательно) - Настройка и редактирование базового слоя heatmap

(Шаг 1) - Чтение вводных описаний

Heatmap

Heatmap — это базовый слой, окружающий местоположение каждого указанного маркера.

• Агрегированная heatmap

• Размер увеличен.
• Прозрачность уменьшена.
• Положение спектрального цвета смещено для отображения цветов в правой части шкалы спектра (spectrum bar).
  Например, «Красный» на изображении выше.

Примечание: Spectrum bar находится в окне Base Layers в нижней части Layers Panel.

• Обычная система ранжирования

Обычная система ранжирования основана на плотности маркеров (количество + близость).

• Самый большой.
• Наименее прозрачный.
• Окрашен так, чтобы отображать максимальное положение в спектре.
  Например, «Красный» на изображении выше.

• Самый маленький.
• Наиболее прозрачный.
• Окрашен так, чтобы отображать минимальное положение в спектре.
  Например, «Синий» на изображении выше.

Однако, в отличие от обычной системы ранжирования, отдельные маркеры (например, Ванкувер) останутся без изменений. Отдельные маркеры сохранят первоначально установленные:

• Размер.
• Прозрачность.
• Спектральное положение.

 

Coldmap

Coldmap — это базовый слой, окружающий местоположение каждого указанного маркера, аналогично heatmap. Однако, в то время как heatmap показывает области с более высокой плотностью или интенсивностью в теплых тонах (например, красный), coldmap представляет области с более низкой плотностью или меньшей активностью в более холодных тонах (например, синий). По мере увеличения плотности маркеров или роста заданного значения цвет coldmap будет становиться более интенсивным, смещаясь по заданному цветовому спектру.

Для coldmaps, на которые влияют числовые данные столбцов, применяются особые случаи. При уменьшении масштаба плотность маркеров может переопределять конкретные ранги, основанные на данных, аналогично heatmaps.

Proportional

Пропорциональная карта (proportional map) — это базовый слой, окружающий местоположение каждого указанного маркера. Они настраиваются по размеру, чтобы отразить количественные различия между объектами. Пропорциональные символы могут быть больше или меньше в зависимости от значений, которые они представляют.

• Визуализацию Proportional можно добавить в любую папку, содержащую маркеры.
• При импорте электронной таблицы карту proportional можно создать со значениями для каждого маркера, такими как цена, сумма и т. д.
• Карты proportional динамичны и будут меняться при добавлении или удалении маркеров из связанной папки.

Contour

Контурные карты (contour maps) используют линии (или иногда цвета) для представления постоянных значений в пространственной области. Обычно используемое в топографии для иллюстрации высоты, контурное картирование в данном контексте может представлять постоянные значения или плотность маркеров. Каждая контурная линия соединяет маркеры с одинаковым значением, помогая визуазировать области с похожей плотностью или значением маркеров.

Когда на карту наносятся маркеры с различными значениями, контурные линии могут наглядно показать, где происходят изменения значений, создавая топографический эффект для визуализации данных.

Hex (Hexagonal Grid)

Визуализация Hex — это базовый слой, который делит карту на шестиугольные сетки, окружающие местоположение каждого маркера. Шестиугольные сетки идеально подходят для уменьшения искажений и обеспечения равномерного представления по всей карте.

• Каждый шестиугольник меняет интенсивность цвета, отражая плотность маркеров или выбранный числовой столбец.
• Более крупные и менее прозрачные шестиугольники теплых цветов представляют области с более высокой плотностью.

Сетки Hex динамичны и автоматически настраиваются при добавлении, удалении или перемещении маркеров.

H3 (Hierarchical Hexagonal Indexing)

Визуализация H3 использует иерархическую систему шестиугольной сетки для организации данных. H3 делит карту на шестиугольные ячейки разных размеров, предлагая масштабируемое разрешение для гибкого анализа.

Сетки H3 динамически адаптируются на основе плотности маркеров или значений числовых столбцов, аналогично сеткам Hex. Регулировка разрешения позволяет переключаться между общими обзорами и подробными локальными закономерностями.

Square

Визуализация Square создает сетку из квадратов одинакового размера по всей карте. Каждый квадрат агрегирует данные маркеров и меняет свой цвет для представления плотности или числовых значений.

• Более темные квадраты указывают на более высокую плотность или значения.
• Более светлые квадраты отражают более низкую плотность или значения.

Квадраты предлагают простой и последовательный способ визуализации пространственных закономерностей и распределения данных.

(Шаг 2) - Создание базовой карты из маркеров, сгруппированных в папке

Выберите базовую карту: Google > Terrain.

Примечание: Для своей карты вы можете выбрать любую базовую карту. В этом примере мы выбираем светлую базовую карту, чтобы она контрастировала с темными цветами базового слоя heatmap, который мы добавим на следующих шагах.

1. Если вы еще не вошли в Scribble Maps, войдите в свой аккаунт по адресу:
   https://www.scribblemaps.com/create 
   (Необязательно) Чтобы узнать, как войти в систему, перейдите по этой ссылке:
   Как войти/зарегистрироваться
    
2. В правом нижнем углу Map View нажмите на миниатюру Map & Data.
   Вы увидите всплывающее окно Map & Data.
    
3. Нажмите, чтобы выбрать предпочитаемую карту.
    
4. В правом верхнем углу MAPS & DATA нажмите X, чтобы закрыть окно. 

Создайте 4 маркера и сложите стопкой 3 маркера

1. В Map View создайте 4 маркера.

   Чтобы узнать, как создать маркер, перейдите по этой ссылке: Create a marker - (Marker Tool)

    
2. На верхней панели инструментов выберите Edit Measure Tool.

   Быстрая клавиша: Или вы можете нажать клавишу «Q» на клавиатуре.

    
3. В Map View нажмите и перетащите два маркера так, чтобы они полностью перекрывали третий маркер.

   Примечание: На следующих шагах стопка из 3 маркеров образует кластер для агрегированной heatmap.

Добавьте маркеры в папку

1. (Необязательно) Если панель «LAYERS» не открыта в правой части окна браузера, нажмите на вертикальную полосу. 
    
2. В верхней части Layers Panel нажмите на иконку папки, отображающую подсказку: «Add Group».
   Вы увидите, что папка добавлена в Layers Panel.
    
3. Нажмите и перетащите строку каждого маркера в папку.

   Примечание: Теперь папка содержит набор наложений, поэтому папка считается группой (Group). Чтобы узнать о группировке наложений, перейдите по этой ссылке: Добавление наложения в группу/папку

Выберите базовую карту, которую хотите создать

1. В строке папки на панели LAYERS нажмите на иконку с тремя точками с правой стороны Layers Panel.
   ИЛИ
   В нижней части панели LAYERS нажмите на иконку + справа от «LAYERS & DATA».
    
2. Во всплывающем меню выберите тип базовой карты, которую хотите создать:
   • Heatmap
   • Coldmap
   • Proportional
   • Contour 
   • Hex/Square
    
3. Под заголовком «Select Folder» нажмите кнопку Select.
    
4. Нажмите, чтобы выбрать созданную вами папку.
    
5. Заполните параметры (Options) для базовой карты:
• Настройка Heatmap
• Настройка Proportional
• Настройка Coldmap или Contour

(Шаг 3) - Создание базовой карты из маркеров в образце данных электронной таблицы

Примечание:
Вы можете сделать так, чтобы числовые данные столбца влияли на систему ранжирования, только если используете функцию «Import Spreadsheet». Чтобы упростить эту инструкцию, мы рекомендуем использовать наши образцы данных.

 

Чтобы узнать, как импортировать собственные данные, посетите: Импорт файлов и данных

Создайте новую карту

1. На верхней панели инструментов нажмите кнопку «MENU».
    
2. Под заголовком «Scribble Maps» нажмите кнопку: «New Map».
    
3. Нажмите: «Yes».
    
4. Нажмите: «Ok».
    
5. В правом верхнем углу окна меню нажмите кнопку «X».
    
6. В Map View вы увидите новую карту.

Загрузите образцы данных в таблицу

1. В верхней части Layers Panel нажмите на иконку электронной таблицы, отображающую подсказку: «Import Spreadsheet».
   Появится окно: «IMPORT LIST (SPREADSHEET)».
    
2. Перейдите на вкладку: «1. Import Data».
   Вы увидите поле с нашими образцами данных.
    
3. Перейдите на вкладку: «2. Map».
   Вы увидите наши образцы данных для 9 городов, отображаемые в таблице.
   В каждой строке отображаются данные города.
   На следующих шагах данные каждого города будут представлены маркером в Map View.

Определения типов данных

• Верхние заголовки.
• Нижние заголовки.

Каждый верхний заголовок отображает определяемый заголовок. 

Примечание: Когда вы используете собственные данные электронной таблицы, определяемые заголовки — это данные в ячейках заголовков столбцов вашей электронной таблицы.

Каждый нижний заголовок — это предустановленный заголовок, выбранный в данный момент в выпадающем списке.

Примечание: Вы узнаете о каждом предустановленном заголовке в статье: «Импорт данных электронной таблицы...» 

Под двумя заголовками столбцов вы увидите остальные ячейки, каждая из которых называется ячейкой значения (value cell). Это данные вашей электронной таблицы из обычных ячеек (не заголовков столбцов).

Подготовка базовой карты

1. В верхней части столбца, содержащего числовые данные, вы увидите верхний и нижний заголовки.
   Нижний заголовок представляет собой выпадающий список, в котором отображается выбранный в данный момент предустановленный заголовок. В данном примере: «Description».
2. Нажмите на выпадающий список, затем выберите предустановленный заголовок: «Attribute».

   Чтобы создать heatmap, в которой числовые данные столбца влияют на систему ранжирования, предустановленный заголовок столбца должен быть изменен на: «Attribute».

3. В левом нижнем углу таблицы данных установите флажок с надписью: «Create Heatmap».
   Появится раздел параметров heatmap. 
    
4. Под заголовком «Attribute» нажмите на выпадающий список.
   Вы увидите, что в списке отображаются определяемые заголовки каждого столбца. 

   Примечание:
   Если вы хотите, чтобы на heatmap отображалась обычная система ранжирования, вы можете выбрать: «None (density)».

    

   В этом примере показано, как сделать так, чтобы числовые данные столбца влияли на систему ранжирования. Поэтому ячейки значений столбца должны содержать числа.

5. Под заголовком «Value» нажмите на выпадающий список. Затем выберите «Description» (ссылаясь на определяемый заголовок столбца, содержащего численность населения городов).
   На следующих шагах heatmap каждого маркера будет ранжироваться по численности населения каждого города.
    
   1. Заполните параметры (Options) для базовой карты:
   • Настройка Heatmap
   • Настройка Proportional
   • Настройка Coldmap или Contour

Настройка базовых карт

Настройка Heatmap

1. Под заголовком «Title» введите название для heatmap.
    
2. Введите значение «Range» для heatmap.

   Если вы выбрали «Total» в качестве параметра «Value» и у вас есть два маркера, каждому из которых присвоено значение 10, настройка в 30 пикселей означает, что когда эти маркеры находятся на расстоянии 30 пикселей друг от друга, их значения будут объединены, образуя общее значение 20 на heatmap.

    
3. Нажмите, чтобы выбрать «Colour».
    
4. Под заголовком «Opacity» вы можете ввести новое значение для общей непрозрачности heatmap.
   Вы также можете изменить значение непрозрачности, нажимая кнопки вверх/вниз.

   Это не относится к Bubble/Cirlce One Colour.

    

   • 0% — невидимый.
   • 50% — полупрозрачный.
   • 100% — сплошной цвет.

    

5. Нажмите, чтобы включить Lock To Zoom.

   Радиус будет ограничен на текущем масштабе, а затем будет увеличиваться при приближении.

    
6. Установите флажок Balanced Values, чтобы обеспечить более справедливое и точное представление данных.

   Для получения дополнительной информации о Balanced Values посетите: Использование Balanced Values с Log Scale

• Завершение создания Heatmap.

Настройка Coldmap или Contour

1. Под заголовком «Title» введите название для Coldmap.
2. Введите значение «Range» для Coldmap.
3. Введите количество «Bands».
   Это определит, сколько цветовых панелей будет использоваться для Coldmap.
4. Нажмите, чтобы выбрать цвета для каждого цвета в палитре.
   ИЛИ
   Или вы можете использовать «Generate From AI» для создания цветовой палитры.
5. Под заголовком «Opacity» вы можете ввести новое значение для общей непрозрачности карт.
   Вы также можете изменить значение непрозрачности, нажимая кнопки вверх/вниз.

   Это не относится к Bubble/Cirlce One Colour.

    

   • 0% — невидимый.
   • 50% — полупрозрачный.
   • 100% — сплошной цвет.

    

6. Выберите «Fade For»:
   • None
   • High
   • Low
7. Нажмите, чтобы включить Lock To Zoom.

   Радиус будет ограничен на текущем масштабе, а затем будет увеличиваться при приближении.

    
8. Установите флажок Balanced Values, чтобы обеспечить более справедливое и точное представление данных.

   Для получения дополнительной информации о Balanced Values посетите: Использование Balanced Values с Log Scale

• Завершение создания Coldmap или Contour.

Настройка Proportional

1. В строке папки на панели LAYERS нажмите на иконку с тремя точками с правой стороны Layers Panel.
   ИЛИ
   В нижней части панели LAYERS нажмите на иконку + справа от «LAYERS & DATA».
    
2. Во всплывающем меню выберите: «Add Proportional».
   Вы увидите окно редактора с заголовком: «ADD/EDIT PROPORTIONAL».
    
3. Под заголовком «Select Folder», нажмите кнопку Select.
    
4. Нажмите, чтобы выбрать созданную вами папку.
    
5. Выберите «Type» в выпадающем меню.
   • Bubble/Circle Gradient
   • Bubble/Circle One Colour
   • Proportional Icon
    
6. (Необязательно) Под заголовком «Title» введите название для пропорциональной карты.
    
7. (Необязательно) Введите значение «Radius» для пропорциональных символов.
    
8. (Необязательно) Под заголовком «Min» вы можете ввести новое значение для минимального размера отдельных пропорциональных символов на каждом маркере.
   Вы также можете изменить минимальное значение, нажимая кнопки вверх/вниз.

    

   • Размер по умолчанию — 30.
   • Максимальный размер — 100.

    

    
9. (Необязательно) Под заголовком «Max» вы можете ввести новое значение для размера отдельного пропорционального символа, расположенного на каждом маркере.
    
10. (Необязательно) Нажмите, чтобы выбрать «Gradient», «Colour» или «Icon».
     
11. (Необязательно) Под заголовком «Opacity» вы можете ввести новое значение для общей непрозрачности сетки.

     

    • 0% — невидимый.
    • 50% — полупрозрачный.
    • 100% — сплошной цвет.

     

• Завершение создания Proportional.

Настройка Hex/H3/Square

1. В нижней части панели LAYERS нажмите на иконку + справа от «LAYERS & DATA».
    
2. Во всплывающем меню выберите: «Add Hex/Square Grid».
   Вы увидите окно редактора с заголовком: «ADD GRID».
    
3. Под заголовком «Select Folder», нажмите кнопку Select.
    
4. Нажмите, чтобы выбрать созданную вами папку.
    
5. Выберите «Type» в выпадающем меню.
   • Hex
   • H3 Hex
   • Square
    
6. Под заголовком «Title» введите название для сетки.
    
7. Введите значение «Size» для полей сетки.
   Примечание: Если вы выберете H3, у вас не будет этого параметра.
    
8. Нажмите, чтобы выбрать «Color».
    
9. Под заголовком «Opacity» вы можете ввести новое значение для общей непрозрачности пропорциональных карт.

    

   • 0% — невидимый.
   • 50% — полупрозрачный.
   • 100% — сплошной цвет.

    

10. Установите флажок Lock to Zoom и задайте уровень масштабирования (Zoom level), введя число или используя стрелки вверх и вниз.
     
11. Установите флажок Show Labels, чтобы показывать метки в сетке.
    Примечание: Если вы выберете H3, у вас не будет этого параметра.
     
12. В выпадающем меню выберите Value (сумма, цена и т. д.).
     
13. Установите флажок «Balanced Values», чтобы уменьшить влияние выбросов и обеспечить более точное представление данных. Например, это предотвращает доминирование одного чрезвычайно высокого значения в визуализации и позволяет получить более равномерно распределенную карту.

• Завершение создания Hex/H3/Square.

Завершение создания базовой карты

1. Нажмите кнопку в нижней части окна редактора, чтобы применить изменения к карте.
   
    
2. В правом верхнем углу окна редактора нажмите кнопку «X».
   В Map View базовый слой heatmap отобразится в месте расположения каждого указанного маркера. Стопка маркеров образует кластер (cluster).

    

   В нижней части Layers Panel вы увидите окно Base Layers, в котором отображается spectrum bar. Там вы увидите:

   • Число «0» в левой части spectrum bar. 

     0 представляет собой минимально возможное количество маркеров.

   • Число, расположенное в правой части spectrum bar. 

     Число представляет собой текущее максимальное количество маркеров в кластере. Например: 3.

    
3. (Необязательно) В окне Base Layers вы можете переключать отображение базового слоя карты в Map View.
   Нажмите на Eye Icon с левой стороны строки spectrum bar, чтобы скрыть слой.
   Нажмите на нее еще раз, чтобы снова отобразить базовый слой heatmap в Map View.

(Необязательно) Настройка и редактирование базового слоя heatmap

В правом верхнем углу Map View продолжайте нажимать кнопку (-), пока масштаб карты не уменьшится до нужного вам уровня.

Удалите маркеры внутри кластера с наибольшей плотностью, чтобы улучшить видимость отдельных маркеров или кластера с наименьшей плотностью.

 

Чтобы удалить маркер, выберите Delete Tool на верхней панели инструментов. Затем нажмите на маркер в Map View.

См. также

Чтобы узнать, как импортировать собственные данные электронной таблицы, перейдите по этой ссылке: Импорт файлов и данных

Вы можете отфильтровать, какие наложения маркеров будут отображаться, на основе атрибутов. Чтобы узнать, как это сделать, перейдите по этой ссылке:
Фильтрация данных - Создание фильтра для сегментации отображаемых наложений

Изменение порядка стопки базовых слоев

Добавление обрезки в качестве базового слоя

Смешивание базовых карт - Отображение разделов второй карты

Добавление URL-адреса TMS для создания базового слоя

Добавление URL-адреса WMS для создания базового слоя