highMap echartsMap在可视化项目中的快速集成

可视化项目中开源map最为流行的两个js库就是highMap 和echartsMap，
国内用的最多的是后者，本篇博文就这两个库的使用技术点做一总结

先上效果图
hightMap

echartsMap

1.highMap 与echartsMap比较

2.highMap 与echartsMap安装

highMap

highmap ：可从官方网站直接下载组件到本地文档中以

或npm 安装

npm install highcharts --save 
var Highcharts = require('highcharts’); 
var Highmap = require('highcharts/highmaps'); 

echartsMap

Echarts map :echarts2版本只能可从官方网站直接下载组件到本地文档中以标签引入，echarts3以上版本推荐npm方式安装

npm install echarts --save 
var echarts = require('echarts’); 
// 引入map
 require('echarts/lib/chart/map') 

3地图数据获取

Map地图数据GeoJSON ：是基于JavaScript 对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。
目前项目中常用到的geo数据已整理下载到公司资源库，包含世界地图，中国国家地图及各省市行政区县地图；
技巧：可以对geoJSON文本进行编辑，实现各行政区域的合并，删除；
可从http://geojson.io/网站自定义地图区域下载geo数据

对于highMap 与echartsMap都支持

4.map屏幕适配方案

结束语

map使用非常灵活，集中体现在各类事件的交互，漫游，区域热力，单击，双击，打点，画线等等，后续会就此详细说明，敬请期待哦。