ECharts地图API使用实例

之前在公司云端添加过ECharts散点地图,用来记录用户分布并展示每个业务点信息,在此记录,下面是主要代码;

option = {title : {top: '50%',left: '10%',subtextStyle: {color: '#000000'},text: '主标题',subtext: '副标题'},tooltip: {show : true,formatter: function(params) {var res = params.name.replace(/,/g, "<br/>"); return res;  } },dataRange: {x: 'left',y: 'top',splitList: [{start: 0,end: 2,label:'test1'},{start: 2,end: 4,label:'test2'}],color: ['#FF0000', '#0000FF']},geo: {map: 'china',roam: true,label: {normal: {show: true,textStyle: {color: 'rgba(0,0,0,0.4)'}}},itemStyle: {normal:{borderColor: 'rgba(0, 0, 0, 0.3)'},emphasis:{areaColor: null,shadowOffsetX: 0,shadowOffsetY: 0,shadowBlur: 20,borderWidth: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}},series : [{type: 'scatter',coordinateSystem: 'geo',//将业务点映射到地图,先默认为空data: [],symbolSize: 7,symbolRotate: 35,label: {normal: {formatter: '{b}',position: 'right',show: false},emphasis: {show: true}},itemStyle: {normal: {color: '#FF0000'}}},            ]};`
然后就是将option添加到地图展示:
`var myChart = echarts.init(document.getElementById('china-map'));myChart.setOption(option,true);

series中data即业务点为空,给data传值即可在地图显示业务点了:

myChart.setOption({series: [{data: point}]});

其中point即往地图放置的业务点,如var point = [];
point.push({xxx:xxx,yyy:yyy,…..},value: gps);

ECharts地图API使用实例相关推荐

echarts地图api series_百度地图2.0离线版与echarts结合
由于客户需求,之前使用的json形式的可钻取型地图被放弃了,要好看,没有网-,于是开启了打地鼠(bug)模式,总结如下: 网上搜索,百度离线地图资料很有限啊,可以用的几个要么年代久远,要么不能满足需求 ...
android 调用搜狗地图api,sogou地图API用法实例教程
本文实例讲述了sogou地图API应用,是非常实用的技巧.分享给大家供大家参考.具体实现方法如下: 地图的初始化 1.添加引用地图的API文件: 2.网站初始化加载事件: window.onload ...
一个百度地图API应用实例
实现的功能有:导航.行政规划.定位.卫星/三维地图.地图标记.计算到达时间等等. <html> <head><meta http-equiv="Content- ...
ECharts地图api
2019独角兽企业重金招聘Python工程师标准>>> 绘制地图api的插件主要有两个,Echarts自封装的echarts.js和地图插件map.js. 1.下载引入Echarts ...
百度地图API调用实例之地址标注与位置显示
之前弄了个谷歌地图API标注的调用实例,后来要求改成百度地图. 感谢主,通过网上资料(百度地图API,百度地图API详解之地图标注)收集及研究, 终于把百度地图标注和显示功能实现出来了,具体实现方法如 ...
python高德地图api调用实例_Python 利用高德地图api实现经纬度与地址的批量转换...
我们都知道,可以使用高德地图api实现经纬度与地址的转换.那么,当我们有很多个地址与经纬度,需要批量转换的时候,应该怎么办呢? 在这里,选用高德Web服务的API,其中的地址/逆地址编码,可以实现经纬 ...
echarts地图api series_echarts学习（4）——地图实现
本文记录两点:1.地图实现:2.各省份地图数据. 地图实现都开始做地图了,echarts怎么也有点了解了吧,所以前两句初始化就不多说了,不清楚的可以翻翻我以前的随笔.代码: var china = ...
echarts地图api series_ECharts地图绘制和钻取简易接口详解
1.地图绘制过程原理给定范围边界经纬度数据,再给它个名字就构成了绘制地图的基础.也就是说,你可以绘制任意形状的地图版块. 2.地图数据生成中国以及省市县等地图的基础数据可以从这里生成与下载. ht ...
echarts地图api series_echarts实现中国地图数据展示
在项目中运用到图形展示数据太常见了,echarts是一款使用率非常高的插件工具,很多大平台都是使用echarts: 一般运用到条形.折线.扇形图,今天说一说在中国地图上展示各地数据: 也可以在gith ...

ECharts地图API使用实例

ECharts地图API使用实例相关推荐

最新文章

热门文章