echarts地图标示点能自定义位置吗

熬夜写BUG的lmc 2016-10-12 08:22:37

现在有两个问题需要求助大家。
1、我现在需要地图上标示各个省份的点位置自定义，可以根据我给它的x,y坐标来标示。
2、点自定义标示后在我点击这个点后可以显示我需要的数据，也就是说给这个点添加个单击事件。
刚接触echarts ，小菜鸟一只，希望大家多多指点。。万分感谢！

...全文

10165 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_41379332 2020-02-27

打赏
举报

回复

大家海南省如何展示的，打开后陆地好小，都是小岛，城市名都看不清

lbyyy 2018-07-05

打赏
举报

回复

1.地图经纬度查询地址: www.gpsspg.com/maps.htm
先查询出具体经纬度，然后
2.修改json地图上显示名称的位置坐标【与上面查询的经纬前后相反】的"cp"参数，没有就添加类似如下:
...{"type":"Feature","properties":{"cp":[103.6669921456,30.6272771656],"name":"崇州市"}...
然后省市区县名字自然就到坐标位置去了。

honghongxuexi 2016-10-12

打赏
举报

回复

http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-piecewise

熬夜写BUG的lmc 2016-10-12

打赏
举报

回复

我放错板块了吗

熬夜写BUG的lmc 2016-10-12

打赏
举报

回复 1

大家有好的解决方案或者想法，还有相关资料文档的都可以发给我。谢谢

最近有粉丝问我能不能出个案例：地图上的地区文字，或其他标示类的图层，因为区块面积相对太小，想放在地图之外，通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例，铺设散点形式铺设label，部分地区用线连接，地图以广州地图为例：如果需要地图geojson或js文件的话，可以到我的个人 github 上自取：https://github.com/zhangqian00/echarts3-mapFile 1、初始化地图： 2、声明label数据：配置需要铺设的label，value值为坐标点，注释的四个区，需要用连线连接到地图外面，在后面会有单独配置，所以在此label

地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。地图插件带标示点效果。

本文详细介绍了如何使用Echarts 4.9版本绘制中国地图及飞线效果。首先需引入echarts库及中国地图js文件，通过geo配置设置地图样式，包括背景色、边框等。然后定义各省市经纬度数据，生成散点图和飞线数据。散点图使用effectScatter类型展示省市位置，飞线通过lines类型实现动态连线效果，可自定义箭头样式、颜色和曲线度。最后整合所有配置项，通过setOption方法渲染出完整的地图可视化效果。文章提供了完整的代码示例，帮助开发者快速实现地图数据可视化功能。

图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/144815457

一、安装echarts???? npm i echarts --save 二、引入注册???? // main.js import * as echarts from 'echarts'; Vue.prototype.$echarts = echarts 三、绘制自定义区域并下载geojson???? 1、打开网站 http://geojson.io/ 2、项目中新建map.json，将geojson的内容复制到map.json里面四、使用???? 1、将map.json引入到当前页面 import

87,994

社区成员

224,697

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章