echarts 导入GEOMAP后，鼠标移动/点击后获取相应的GPS点位信息

haynes 2020-04-13 10:03:27

在百度ECHARTS中导入geomap后，当鼠标在在geomap图层上移动或单击时获取相应的GPS点位信息？

需求：在echarts中导入geomap图元后，希望能在图元上新添加点位信息，单击后获取GPS位置信息，或是在geomap上单击添加一个点（图标），可以移动图标，并能得到GPS点位信息

目前想法：现在能想到的比较LOW的方法是：当geomap图元比较小能在屏幕中显示全的情况下，根据四角的GPS点，再计算出鼠标在屏幕上的位置，换算成GPS点位信息。

但是当geomap图元放大超出屏幕后，这个方法就能适用的。而且这个方法在精度上还是有些欠缺。

请教下各位有没有好些的方法来获取鼠标点击geomap图元后的GPS点位信息。

...全文

313 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

haynes 2020-04-13

打赏
举报

回复

或者换个角度，我在VUE中，导入GEOMAP,在geomap图元上移动得到GPS点位。有什么比较好的组件

webgis开发全套课程，包括：GIS基础知识，web基础知识，webgis相关软件，GIS框架，项目实战，SDK相关开发，postgis数据库，geotools等。

我使用的是echarts 4, 在vue中使用需要导入一个文件 import "echarts/map/js/china.js"; 直接上代码，可以直接复制到echart官网在线编辑器中查看效果 // 配置项 let data = [ "河北", "山东", "辽宁", "黑龙江", "甘肃", "吉林", "青海", "河南", "江苏", "湖北", "湖南", "浙江", "江西", "

1、vue项目中 npm install echarts --save 安装echarts依赖 2、main.js中引入相关依赖 import echarts from 'echarts' //注意：echarts3.0以后已经不包含地图文件了，需要手动引入china.js文件 import 'echarts/map/js/china' //将echarts绑定到vue的原型上 Vue....

使用Echarts绘制geo地图（案例）项目使用@vue/cli 4.5.13以及echarts版本为5.1.2。需求：在省份地图上，将数据进行分段映射。如图：首先下载geojson数据链接: http://datav.aliyun.com/tools/atlas/index.html#&lat=33.521903996156105&lng=104.29849999999999&zoom=3 在左侧点击所选择的区域，勾选是否包含子区域（是否显示各个市区域），然后直接下载即可

我这里实现的是河南省的地图点击要下钻的区域展示相应区域的地图，点击地图外部空白处返回上一级。一、准备geojson数据网址：DataV.GeoAtlas地理小工具系列下载需要的geojson数据。保存到src/assets文件夹下准备河南省的地市编码json文件（all_henan.json）,该文件网上比较难找，我在这里贴出来all_henan.json文件 [ { "adcode": "410100", "name": "郑州市" ...

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章