Home

Awesome

<p align="center"> <a href="http://inmap.talkingdata.com"> <img width="200" src="http://file.iviewui.com/inmap-logo.svg"> </a> </p>

inMap

GitHub license inMap NPM downloads NPM downloads

介绍

inMap 是一款基于百度地图的大数据可视化库，专注于大数据方向的散点、热力图、网格、聚合等方式展示，致力于让大数据可视化变得简单易用。

Features

文档

https://fengluhome.github.io/inmap-doc

示例效果图

image image

首先引用地图

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=0lPULNZ5PmrFVg76kFuRjezF"></script>

安装

Using npm:

npm install inmap --save

或使用 <script> 全局引用，inMap 会被注册为一个全局变量:

<script type="text/javascript" src="http://unpkg.com/inmap/dist/inmap.min.js"></script>

示例

<script>
var inmap = new inMap.Map({
    id: 'allmap',  
    skin: 'Blueness',
    center: [105.403119, 38.028658], // center of map
    zoom: {
        value: 5, // level of map
        show: true, // whether to display the zoom button
        max: 18, 
        min: 5
    }
})
</script>
examples

预览当前项目所有demo

# 从 GitHub 下载后，安装依赖
npm install

# 编译代码
npm run dev & npm run start

在浏览器地址栏输入：http://localhost:8088/examples/index.html

Major Contributors

NameAvatar
fengluhome
Aresn
ChowBu
cheekahao
chenli8

欢迎加入QQ反馈问题: 618308202

Links

License

Apache License 2.0

Copyright (c) 2015-present, TalkingData