vue-amap消息推送 更新地图坐标

原数据:

vue-amap消息推送 更新地图坐标_第1张图片

longitude: "104.065969", latitude: "30.552080

workerName: "234", workerId: "1282b236-4343-410c-8a71-d58261212f55"

vue-amap消息推送 更新地图坐标_第2张图片

到消息服务器:

vue-amap消息推送 更新地图坐标_第3张图片

vue-amap消息推送 更新地图坐标_第4张图片

 改变 这辆车"workerId": "1282b236-4343-410c-8a71-d58261212f55", id尾号55 的坐标为新坐标: [ 104.069361, 30.552674 ] address: 四川省成都市武侯区桂溪街道天鹅湖花园(南区)成达大厦,

改变之前 该辆车的坐标及车辆信息如下:

{
    "chLocation": {
        "id": null,
        "userId": null,
        "longitude": "104.065969",
        "latitude": "30.552080",

        "foundtime": null
    },
    "workerInfo": {
        "workerName": "234",
        "workerId": "1282b236-4343-410c-8a71-d58261212f55",
        "workerPhone": "18512345682",
        "plateNumber": "川B123456",
        "carType": "小型(轿车、SUV)",
        "volume": null,
        "province": "四川省",
        "city": "凉山彝族自治州",
        "district": null,
        "business": "卫浴,家具,货运搬家,地板,锁类",
        "service": null
    }
}

vue-amap消息推送 更新地图坐标_第5张图片

去推送该车辆的信息(更换新坐标,workerId不改):

vue-amap消息推送 更新地图坐标_第6张图片

发送推送消息后: 

vue-amap消息推送 更新地图坐标_第7张图片

 

若推送回来的workerId 是原数据里面没有的workerId, 则在地图上 追加一个车辆坐标信息:
改变该workerId (尾号55改为66), 推送一个新的坐标:[104.063439, 30.552129] address: 四川省成都市武侯区桂溪街道蜀都中心(北区)华西证券总部综合办公楼:

vue-amap消息推送 更新地图坐标_第8张图片

vue-amap消息推送 更新地图坐标_第9张图片





 

你可能感兴趣的:(vue高德地图,Vue.js)