1.vue项目引入地图 2.动目标更新 3.动目标轨迹(实时)
vue 引入到项目中
1.地图服务打开 假设地址是(http://192.168.10.64:8089)
找到项目中的public目录->index.html把需要引用的所有js文件放在此处
2.地图案例中 初始化地图中,有个baseImageUrl变量,找到这个变量来源,发现在某个js文件当中,此变量的作用地图图片的加载,只不过原来js文件中的加载图片地址是外网地址,本地请求不到图片,再次把前面的ip换成本地地址即可:"http://localhost:8098/tiles/map/{z}/{x}/{y}.png"
new GeoVis.TileLayer(baseImageUrl,{
projection:"EPSG:900913"
})
初始化地图
报错
GeoVis找不到 查找相关资料
const GeoVis=window.GeoVis //在window上挂载
MoveEntity bug
利用GeoVis.MoveEntity()创建完实体后 有个方法更新实体点坐标(用开发文档中提供的)方法绘制出点的经纬度坐标转换不正确
this.moveEntities.get(mmove.mmsi).position=GeoVis.Cartesian.unpack3(经度,维度,0) 转换出来的坐标形式{x: ,y: ,z:}不对应
后来,查找资料 使用GeoVis.Cartesian()坐标是正确的,但是,当地图放大时,有bug,放到一定倍数,地图卡死。最后,一个方法是,数据点实时更新,我这边删除点进行实体点重新创建,解决了bug.
网友评论