高德地图Web服务使用方法——电子围栏

1 高德地图Web服务

在这里插入图片描述

1.1 添加Key

注册高德地图,进入控制台,创建新应用,添加Key,选择Web服务,不添加域名白名单,勾选同意政策。

在这里插入图片描述
刷新界面,记住获取到的Key。
在这里插入图片描述

1.2 下载安装Postman

https://www.postman.com/downloads/

1.3 使用Web服务API

学习链接:

https://lbs.amap.com/api/webservice/guide/api/georegeo

1.3.1 地理编码

发送位置信息,获取经纬度信息。
打开Postman,网址输入:https://restapi.amap.com/v3/geocode/geo
请求方式选择:GET
按照高德地图官方文档:
在这里插入图片描述
在Postman中设置Params参数:

在这里插入图片描述

发送请求后可以得到如下反馈:

{“status”:“1”,“info”:“OK”,“infocode”:“10000”,“count”:“2”,“geocodes”:[{“formatted_address”:“北京市朝阳区阜通东大街6号”,“country”:“中国”,“province”:“北京市”,“citycode”:“010”,“city”:“北京市”,“district”:“朝阳区”,“township”:[],“neighborhood”:{“name”:[],“type”:[]},“building”:{“name”:[],“type”:[]},“adcode”:“110105”,“street”:“阜通东大街”,“number”:“6号”,“location”:“116.482086,39.990496”,“level”:“门址”},{“formatted_address”:“北京市朝阳区阜通东大街6号院”,“country”:“中国”,“province”:“北京市”,“citycode”:“010”,“city”:“北京市”,“district”:“朝阳区”,“township”:[],“neighborhood”:{“name”:[],“type”:[]},“building”:{“name”:[],“type”:[]},“adcode”:“110105”,“street”:“阜通东大街”,“number”:“6号院”,“location”:“116.482145,39.990039”,“level”:“门址”}]}

可以发现已经得到该位置的经纬度信息location。

1.3.2 逆地理编码

发送经纬度信息,获取位置信息。
请求网址:https://restapi.amap.com/v3/geocode/regeo
请求方式:GET
请求参数:
在这里插入图片描述
Postman界面设置:

在这里插入图片描述
发送请求后,得到如下数据:

{“status”:“1”,“regeocode”:{“addressComponent”:{“city”:“湖州市”,“province”:“浙江省”,“adcode”:“330522”,“district”:“长兴县”,“towncode”:“330522101000”,“streetNumber”:{“number”:[],“direction”:[],“distance”:[],“street”:[]},“country”:“中国”,“township”:“洪桥镇”,“businessAreas”:[[]],“building”:{“name”:[],“type”:[]},“neighborhood”:{“name”:[],“type”:[]},“citycode”:“0572”},“formatted_address”:“浙江省湖州市长兴县洪桥镇南庄湾”},“info”:“OK”,“infocode”:“10000”}

1.4 使用猎鹰轨迹服务

官方链接:

https://lbs.amap.com/api/track/lieying-kaifa/api/service

本小节讲解创建围栏,并判断终端是否在围栏内部。

1.4.1 创建服务

首先创建猎鹰轨迹服务。
服务地址:https://tsapi.amap.com/v1/track/service/add
请求方式:POST
请求参数:
在这里插入图片描述
Postman设置:输入网址,选择POST请求,选择Body,选择x-www-form-urlencoded方式传输,添加key参数和name参数。
在这里插入图片描述
返回结果:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“name”: “gps_fence”,
“sid”: 10*****
}
}

1.4.2 创建终端

服务地址:https://tsapi.amap.com/v1/track/terminal/add
请求方式:POST
请求参数:
在这里插入图片描述
Postman设置:

在这里插入图片描述

返回数据:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“name”: “devicetest”,
“tid”: 820******,
“sid”: 10*****
}
}

1.4.3 创建轨迹

服务地址:https://tsapi.amap.com/v1/track/trace/add
请求方式:POST
请求参数:

在这里插入图片描述

Postman设置:

在这里插入图片描述

返回数据:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“trid”: 20
}
}

1.4.3 终端坐标位置上传

服务地址:https://tsapi.amap.com/v1/track/point/upload
请求方式:POST
请求参数:

在这里插入图片描述

postman设置:

在这里插入图片描述

返回数据:

{
“errcode”: 20100,
“errmsg”: “OK”,
“errdetail”: “PARTIAL_SUCCESS”,
“data”: {
“errorpoints”: [
{
“_param_err_info”: “locatetime”,
“_err_point_index”: 0,
“location”: “120.001,31.001”,
“locatetime”: 1704616525
}
]
}
}

1.4.4 创建围栏

这里创建圆形围栏。
服务地址:https://tsapi.amap.com/v1/track/geofence/add/circle
请求方式:POST
请求参数:

在这里插入图片描述
Postman设置:
在这里插入图片描述
返回数据:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“gfid”: 11*****
}
}

1.4.5 添加围栏对象

将一个或多个终端添加到围栏内。
服务地址:https://tsapi.amap.com/v1/track/geofence/terminal/bind
请求方式:POST
请求参数:

在这里插入图片描述
Postman设置:
在这里插入图片描述
接收数据:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“tids”: [
820*******
]
}
}

1.4.6 围栏关系判断

输入检测对象或者指定坐标,判断与围栏的关系,返回"in"为1,表示在围栏内;返回"in"为0,表示在围栏外。
在上方已经设置了圆形围栏中心点[120,31],半径500米,终端轨迹坐标[120.001,31.001]。
服务地址:https://tsapi.amap.com/v1/track/geofence/status/terminal
请求方式:GET
请求参数:

在这里插入图片描述

postman设置:
这里与之前不同,设置GET和Params,Body要设置为none。
在这里插入图片描述
返回数据:

{
“errcode”: 10000,
“errmsg”: “OK”,
“data”: {
“count”: 1,
“results”: [
{
“gfid”: 1163031,
“gfname”: “fence-01”,
“in”: 0
}
]
}
}

可以发现in为0,说明终端不在围栏里。

  • 26
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue是一个流行的JavaScript框架,可以用于构建用户界面。高德地图是一种流行的地图服务,它提供了丰富的地图功能和API。电子围栏是一种边界区域,当特定的设备或人员进入或离开该区域时会触发警报或其他特定操作。 在Vue中使用高德地图电子围栏,首先需要在Vue项目中引入高德地图JavaScript API,可以通过在index.html文件中引入相应的脚本来实现,然后在组件中使用Vue的生命周期钩子函数进行初始化和销毁。 在组件中,我们可以使用高德地图的API创建一个地图实例,并设置地图的中心点和缩放级别。然后,我们可以使用地图的绘图工具来创建电子围栏的多边形或圆形,可以通过监听绘图结束事件来获取围栏的坐标信息。 接下来,我们可以使用高德地图的围栏服务API来创建电子围栏。可以通过调用相应的方法,传入围栏的名称、坐标信息和其他参数来创建电子围栏。可以根据需求设置围栏的类型,如圆形、多边形等,以及警报触发的条件和动作。 在Vue中,可以通过使用指令或绑定事件来实现与电子围栏的交互。可以使用v-on指令来监听电子围栏的进入或离开事件,并触发相应的方法或动作。可以在方法中实现警报、通知或其他功能,以响应电子围栏的状态变化。 总之,Vue高德地图电子围栏可以通过使用高德地图的API和Vue的生命周期钩子函数,实现在Vue项目中创建和管理电子围栏及其交互的功能。通过结合Vue的灵活性和高德地图的丰富功能,可以实现各种场景下的电子围栏应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值