00:07
大家好,本期视频呢,来给大家介绍一下腾讯位置当中的地址解析接口,那这个接口呢,通常是我们在已经有了一个具体的地址之后,通过他呢去获得一个确切的坐标,它不同于我们之前所讲的一些周边搜索啊,它会返回一组数据,它的数据呢是唯一的,所以我们一定要保证查询条件呢是完整的地址,这样的话呢,我们得到的结果呢,才不会有歧义。那我们在整合功能的时候呢,也可以结合关键词输入提示接口来保证我们的数据呢,是完整的好,首先呢,我们还是到腾讯位置的官网呢,去申请一个key,那这个呢,我们只要呢去登录账号,然后呢补全我们的开发者信息,就可以很容易的申请下来,在申请下来之后呢,我们要保证我们。Key当中呢,是有我们要调用的API的权限的,那默认他已经给我们分配了很多的权限,可以直接在编辑界面里面呢去查看一下,我们现在所要使用的就是web service API默认的也是开启的,好,那这个key呢,我们一会会用到。
01:16
在开发文档当中,我们打开web service CPI。然后呢,找到地址解析。那这个接口的使用方法呢,比较简单,B传的参数呢,一个就是开发密钥,另外一个呢,就是我们把它呢复制一下。然后呢,粘贴一下。这里面呢,有两个需要传导参数,一个呢是key,一个是呢,我们去复制一下。在写这个的时候呢,我们如果把城市名称带上的话呢,它的结果呢,会更加的精确一点,比如说北京市的中客大厦。
02:08
这样的话呢,就能够得到一个具体的location,大家可以看到它是一个唯一的一个坐标,那我们拿到这个坐标之后呢,就可以在地图上呢去做一个标记,好我们先来看一下最终的一个效果,我们可以把之前的这个关键词提示功能呢,把它整合进来,这样的话能够有效的保证我们输入的地址呢是比较完整的,最后呢,我们可以在地图上呢有这样的一个回显的效果,我们输入补全之后呢,直接点击解析,就可以在地图上呢去标记一个marker,好首先呢我们先构建一个最基本的地图,同时呢,把我们之前已经实现过的关键词输入提示呢整合进来,大家可以直接去看一下,那我们把代码呢复制一下,然后呢我们替换一下自己的key。
03:03
这里面呢,引入了一个地图的API。在这个地方替换一下。同时呢,这个关键词提示的接口也是需要相关的key,那这里面呢,我是固定为北京,大家在使用的时候呢,可以把地点呢,也变成动态的参数,好现在我们看一下。最初的一个效果。测试一下啊,提示功能呢,是可以使用的,那这里面呢,我们在让它补全的时候呢,自动带上了一个城市的信息,作为一会我们去解析的时候的一个数据,好,那现在呢,我们要补全的是。解析按钮的一个点击事件,点击解析按钮的时候呢,去发送一个请求,带回一个坐标,同时呢,改变地图的中心点,在中心点的位置,再放下一个marker。
04:07
好,我们来看一下。整个的过程,首先呢,我们要获得这个文本框输入的内容,然后呢,把它作为address参数呢传入进去得到的这个结果当中,从当中取出location的精度和纬度,那在重新设置中心点呢,使用的是set center这个方法通过之前已经定义好的这个marker添加一个坐标点,那如果说我们使用多个坐标点的话呢,需要自己去区分一下这个ID。放置的位置呢,就是我们查询到的这个位置,然后把这一部分的代码呢复制一下。粘贴,然后呢,把K的部分呢替换一下。
05:02
好,现在就可以使用了。好,我们重新搜索。补全解析,这样的话呢,就能够完成一个地图回显的效果,那大家在实际操作的时候呢,可以根据文档呢,再去丰富相关的功能,那本期视频呢就到这里,如果大家有任何问题呢,可以在视频下方留言,或者给我发送私信,我们下期再见。
我来说两句