简单地图Demo

本教程旨在快速跑通地图demo,适合零基础的开发学习,选用的是腾讯地图的demo,此地图demo能够实现基础的地图功能,能够实现地图定位、搜索、还有导航等一系列的功能。

一、注册官方账号

注册地址官方链接:https://lbs.qq.com

点击链接进入腾讯位置服务官网,完成账号注册。
![]( https://img-blog.csdnimg.cn/20210714160751910.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg,size_16,color_FFFFFF,t_70#pic_center)从右上角头像图标进入到控制台里,拿到key(一串密钥码),后边会用到,具体信息如下图所示:
![]( https://img-blog.csdnimg.cn/20210714160859857.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg
,size_16,color_FFFFFF,t_70#pic_center)

二、下载地图SDK和demo工程

在官网“开发文档”栏目里,本文以Android为例,选择“Android地图SDK”链接项,具体操作如下:
![]( https://img-blog.csdnimg.cn/20210714161114643.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg,size_16,color_FFFFFF,t_70#pic_center)在Android地图SDK页面里,我们选择3D地图SDK,3D地图可以看到3D楼块,地图效果更炫一些,并且支持旋转。
![]( https://img-blog.csdnimg.cn/20210714161825769.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg
,size_16,color_FFFFFF,t_70#pic_center)

三、填写key

按照官方文档里的描述,把key填写到 AndroidManifest.xml 配置文件中就行了,但实际上这并不太好用。
![]( https://img-blog.csdnimg.cn/20210714165458352.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg,size_16,color_FFFFFF,t_70#pic_center)真正好用方法是在项目根目录的 local.properties 中添加密钥key,具体配置如下图:
![]( https://img-blog.csdnimg.cn/20210714165531543.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg
,size_16,color_FFFFFF,t_70#pic_center)

四、指定程序包

在控制台里,填写对应程序的包名,Android对应是package name,iOS对应 是Bundle Identifier。具体操作步骤如图:
![]( https://img-blog.csdnimg.cn/20210714165652269.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg==,size_16,color_FFFFFF,t_70#pic_center)

五、安装程序

安装Android程序并运行,就可以看到地图示例demo了,如图:
![]( https://img-blog.csdnimg.cn/20210714165818834.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg,size_16,color_FFFFFF,t_70#pic_center)在腾讯地图示例demo,选择第一个基础地图,就可以开始地图功能的探索了。下面的截图分别是腾讯地图示例、海外图、展示地图、地图类型四个基础功能界面,当然还有很多其他的内容,大家可以自己动手操练操练。
![]( https://img-blog.csdnimg.cn/20210714171055122.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTYyODYwMg
,size_16,color_FFFFFF,t_70#pic_center)注意:如果key或包名没有正确填写,在进行上述页面展示的时候会始终提示key校验失败的信息。

posted @ 2021-07-28 20:16  _一休  阅读(199)  评论(0)    收藏  举报