腾讯地图JavaScript API的应用

腾讯地图JavaScript API的应用

目录

前言

正文

注册腾讯位置服务账号

设置秘钥

获取秘钥

腾讯地图的开发文档

腾讯地图的JavaScript API

腾讯地图demo

总结


前言

随着社会的高速发展,手机地图已经成为了生活中不可或缺的一部分,他出现在各种app中,比如外卖app需要展示配送的路线和距离,导航的app需要路线规划和显示路线拥挤情况,社交app需要显示自己所在的位置和附近用户的位置。基本上只要你做的产品涉及到地图板块,你都需要引进相关地图api。那么对于开发者来说,怎么使用地图的api来完成我们的功能点就变的至关重要啦,这篇博客就讲解下腾讯地图JavaScript API的应用。

正文

注册腾讯位置服务账号

腾讯位置服务账号注册地址

点击上面的链接,填写注册信息,点击注册按钮进行注册即可

腾讯地图JavaScript API的应用_第1张图片

完成开发者验证,即可进行注册key

腾讯地图JavaScript API的应用_第2张图片

设置秘钥

腾讯地图JavaScript API的应用_第3张图片

腾讯地图JavaScript API的应用_第4张图片

 

获取秘钥

腾讯地图JavaScript API的应用_第5张图片

腾讯地图的开发文档

针对不同的平台,腾讯地图的api还是很全的

腾讯地图JavaScript API的应用_第6张图片

腾讯地图的JavaScript API

这里具体看下JavaScript API ,这是一个官方给的demo,如何创建地图,并设置地图初始化的参数,我们在源代码编辑器里去随意改变下参数,点击运行就出现代码运行的效果,很方便开发者理解这个功能的参数的作用和效果,而且贴心的还写了备注。

腾讯地图JavaScript API的应用_第7张图片

腾讯地图demo

一、使用场景,查询出发地到目的地路线规划,我们先看下路线规划的api给的例子,就知道接下来写代码的思路了,我们需要先获取用户输入的起点位置的坐标,在获取终点坐标的位置,然后调用接口获取路线规划的结果,最后根据结果绘画路线即可





    
    
    
    折线应用: 路线规划





    

二、具体的demo的代码





    
    腾讯地图
    
    
    
    




    
    
搜索
搜索

总结

这里我就抛转引玉下,总体感觉腾讯位置服务上手还是很快的,api还是很完善的,示例的注解也相对完善,注册简便这块我是真的喜欢,毕竟对于程序员来说,最喜欢简单,简单的界面,简洁的代码,都让开发者心情无比舒畅。

感兴趣的小伙伴,或者做自己项目用到地图的小伙伴们赶紧注册用用吧!有问题大家还能一起讨论!

我是阿达,一名喜欢分享知识的程序员,时不时的也会荒腔走板的聊一聊电影、电视剧、音乐、漫画,这里已经有16496位小伙伴在等你们啦,感兴趣的就赶紧来点击关注我把,哪里有不明白或有不同观点的地方欢迎留言!

你可能感兴趣的:(前端,javascript,html)