Присоединиться к KARTUM API
Получить ключ
Пример использования API Key в Javascript
При подключении javascript-библиотек используйте API Key следующим образом:
<script type="text/javascript" src="http://www.kartum.ru/api/mindmap.js?api_key=ВАШ_КЛЮЧ"></script>
подключаются все необходимые библиотеки
или:
<script type="text/javascript" src="http://www.kartum.ru/api/mindmap_s.js?api_key=ВАШ_КЛЮЧ"></script>
подключаются все необходимые библиотеки, кроме библиотеки JQuery
Пример использования API
new MindMapApi({
id: 'mindmap',
container: 'map_container',
beautify: true,
tree: [{
title: 'Интеллект-карта',
font: {
size: 160,
weight:1
},
image: 'http://www.kartum.ru/uploads/collection/colors.png',
tree: [{
title: 'Обучение',
image: 'http://www.kartum.ru/uploads/collection/Image00399.png',
tree: [{
title: 'Понимание материала'
},{
title: 'Закрепление материала'
},{
title: 'Восстановление забытых знаний',
image: 'http://www.kartum.ru/uploads/collection/Startup Wizard.png'
}]
},{
title: 'Презентации',
image: 'http://www.kartum.ru/uploads/collection/Image00267.png',
tree: [{
title: 'Наглядность'
},{
title: 'Понятность'
},{
title: 'Интуитивно-понятное представление'
}]
},{
title: 'Самоанализ',
image: 'http://www.kartum.ru/uploads/collection/amor.png',
tree: [{
title: 'Задачи',
image: 'http://www.kartum.ru/uploads/collection/clean.png'
},{
title: 'Личные цели'
},{
title: 'Интересы',
image: 'http://www.kartum.ru/uploads/collection/kolf.png'
}]
},
{
title: 'Работа',
image: 'http://www.kartum.ru/uploads/collection/kgoldrunner.png',
tree: [{
title: 'Планирование'
},{
title: 'Описание'
},{
title: 'Контроль выполнения'
}]
},{
title: 'И многое другое!'
}]
}],
});
Описание API
Объект «MindMapApi»
| Название свойства | Обязательный | По умолчанию | Описание |
|---|---|---|---|
id |
Нет | Нет | id объекта карты. |
container |
Да | Нет | id элемента на странице или jQuery-объект, в который будет встроена карта. |
beautify |
Нет | false | Если установле в true - автоматическое расскрашивание узлов. |
button_zoomin |
Нет | Нет | id или jQuery-объект кнопки увеличения масштаба. |
button_zoomout |
Нет | Нет | id или jQuery-объект кнопки уменьшения масштаба. |
button_center |
Нет | Нет | id или jQuery-объект кнопки центрирования карты. |
DEFAULT_FONT_COLOR |
Нет | 000000 | Цвет теста по-умолчанию. |
DEFAULT_FONT_SIZE |
Нет | 100 | Размер шрифта в % по-умолчанию. |
DEFAULT_FONT_WEIGHT |
Нет | 0 | Цвет теста по-умолчанию. |
DEFAULT_CONNECTION_COLOR |
Нет | 71CB2D | Цвет дополнительной связи между элементами дерева. |
MAX_IMAGE_SIZE |
Нет | [160, 100] | Максимальный размер изображения на карте (формат: [ширина, высота]). |
MIN_ELLIPSE_SIZE |
Нет | [200, 300] | Минимальный размер элипса, по которому располагается первый уровень элементов карты (формат: [расстояние от центра до правой границы, расстояние от центра до левой границы]). |
tree |
Да | Нет | Массив объектов, составляющих карту. В массив tree могут входить объекты 2х типов: "узел" и "связь". |
Объект типа «узел»
| Название свойства | Обязательный | По умолчанию | Описание |
|---|---|---|---|
type |
Нет | node | Для узла указывается 'node'. Если свойство не задано или задано некорректное значение - то объект считается узлом. |
id |
Нет | Нет | Используется только для указания объектов, между которыми указана дополнительнаыя связь (может быть любого типа) |
title |
Да | Нет | Название узла |
font |
Нет | Нет | Объект, содержащий стиль текста узла. Его свойства:
|
descr |
Нет | Нет | Описание узла |
icon |
Нет | Нет | Имя иконки узла (из существующей коллекции) |
image |
Нет | Нет | Ссылка на картинку узла |
url |
Нет | Нет | Ссылка узла |
tree |
Нет | Нет | Массив дочерних объектов, состоящий из таких же узлов и связей |
Объект типа «связь»
| Название свойства | Обязательный | По умолчанию | Описание |
|---|---|---|---|
type |
Да | node | Для связи указывается 'link'. Если свойство не задано или задано некорректное значение - то объект считается узлом. |
from |
Нет | Нет | id узла, в котором начинается связь. |
to |
Нет | Нет | id узла, в котором заканчивается связь. |
color |
Нет | 71CB2D | Цвет связи |
Список иконок
| Иконка | Название | Иконка | Название | Иконка | Название | Иконка | Название | Иконка | Название |
|---|