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

OSCHINA-MIRROR/zjzhome-heatmap-amap.js

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Имплементация тепловой карты с использованием JS API Highmaps v1.3 основана на библиотеке heatmap.js (официальный сайт: http://www.patrick-wied.at/static/heatmapjs/).

Способ использования:

  • Вначале подключите JS API Highmaps и heatmap-amap.js.
<script src="http://webapi.amap.com/maps?v=1.3&key=ваш_ключ"></script>
<script src="heatmap-amap.js"></script>
  • Инициализируйте объект тепловой карты Highmaps
    /*
     * map: объект карты
     * opts: опциональные параметры, включающие:
     *   radius: радиус каждой точки на тепловой карте
     *   visible: отображение тепловой карты
     *   opacity: прозрачность тепловой карты, значение должно быть между 0 и 100
     *   gradient: диапазон градиента тепловой карты
     * Подробнее см. документацию heatmap.js: https://github.com/pa7/heatmap.js/blob/master/README.md
     */
    var config = {
        radius: 30,
        visible: true,
        opacity: 40,
        gradient: { 0.45: 'rgb(0,0,255)', 0.55: 'rgb(0,255,255)', 0.65: 'rgb(0,255,0)', 0.95: 'жёлтый', 1.0: 'rgb(255,0,0)' }
    };
    var heatmap = new AMap.Heatmap(map, config);
  • Вызовите метод start
    heatmap.start();
  • Установите данные.
	var obj = {
		max: 90, // максимальное значение веса
        // lng - долгота, lat - широта, count - вес
		data: [
			{lng:114.169922, lat:30.606004, count: 80},
			{lng:114.322357, lat:30.640275, count: 60},
			{lng:114.33197, lat:30.556348, count: 90},
            ...
		]
	};
    
    // Вызовите метод setDataSet(), чтобы показать данные.
    heatmap.setDataSet(obj);

Пример вывода

Скриншот## Описание API heatmap-amap.js также предоставляет некоторые методы.

  • setDataSet, см. способ использования
  • addDataPoint(lng, lat, count), добавьте одну группу данных для отображения на тепловой карте.
  • toggle(), переключите отображение тепловой карты.
  • clear(), очистите тепловую карту.

Комментарии ( 0 )

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

Введение

Реализация тепловой карты на основе JS API карт Gaode. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/zjzhome-heatmap-amap.js.git
git@api.gitlife.ru:oschina-mirror/zjzhome-heatmap-amap.js.git
oschina-mirror
zjzhome-heatmap-amap.js
zjzhome-heatmap-amap.js
master