如何用ECharts动态在地图上标识点

如何用ECharts动态在地图上标识点,第1张

ECharts可以很方便的在网页上绘制地图,图表,并且可以提供下载图像,放大,缩小,拖动等功能,今天主要说一下它的地图类型(type:'map')是如何实现的.

首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里,它是一个JS的字典对象,由键/值对组成,键表示点的名称,值则表达它的坐标,由经纬度组成,它是一个数组,如[13600,3200]它就表示了一个坐标.

地图类型的图表需要关注的元素

title:标题,显示这个地图所表示的名称

  title: {

text: '清大云点亮中国',

subtext: 'TsingdaCloud',

sublink: '>

你不描述一下问题,也没有说明故障现象,谁知道怎么帮你呀。

都没看懂你的问题到底是啥意思,你把问题再详细追问一下,我看看能不能帮你。

百度提问页面的顶端可以看到“我要提问”,要描述清楚您的问题,为了更好地得到答案,可通过文字、截图,对问题进行更详细的描述并悬赏!

但是有的时候我们想要使用的地方还是不够,我们需要在添加一些地图的坐标:我们添加的方法如下:

3进入到如下的页面

找到地点 然后进行定点,复制当前坐标的值:

根据选择的地区去加载地图数据然后给chartsetOption(); 改变红色字体的值就可以,红色字体是省的拼音具体查看echarts/map文件夹内文件,有js加载方式和json加载方式

$get('map/json/chinajson', function (chinaJson) {

echartsregisterMap('china', chinaJson);

var chart = echartsinit(documentgetElementById('main'));

chartsetOption({

series: [{

type: 'map',

map: 'china'

}]

});

});

以上就是关于如何用ECharts动态在地图上标识点全部的内容,包括:如何用ECharts动态在地图上标识点、本人想用echarts把区级的具体地图详情显示出来,怎么做、请教echarts地图的一些使用问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10157648.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存