inMap

介绍

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

Features

• 高性能.
• 多线程.
• 多图层叠加.
• 支持GeoJSON
• 友好的 API.
• 可以自定义主题.

文档

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

示例效果图

首先引用地图

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

安装

Using npm:

npm install inmap --save

或使用 <pre class="shiki github-light" style="background-color:#fff;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">&#x3C;</span><span style="color:#22863A">script</span><span style="color:#6F42C1"> type</span><span style="color:#24292E">=</span><span style="color:#032F62">"text/javascript"</span><span style="color:#6F42C1"> src</span><span style="color:#24292E">=</span><span style="color:#032F62">"http://unpkg.com/inmap/dist/inmap.min.js"</span><span style="color:#24292E">>&#x3C;/</span><span style="color:#22863A">script</span><span style="color:#24292E">></span></span> <span class="line"></span></code>

示例

<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

Name	Avatar
fengluhome
Aresn
ChowBu
cheekahao
chenli8

欢迎加入QQ反馈问题: 618308202

Links

• TalkingData
• iView

License

Apache License 2.0

Copyright (c) 2015-present, TalkingData