专栏首页thinkphp+vue小白入门教程|腾讯地图demo
原创

小白入门教程|腾讯地图demo

笔者最近在做打车相关的项目,需要用到地图,针对腾讯地图的小白级入门教程比较少,特把跑通地图demo的几个步骤写下来,供新人参考。 简单介绍一下,腾讯地图示例demo有基础地图、定位、地图交互、地图变换、标注、图形绘制、路线规划、检索等功能。在基础地图里有展示地图、地图类型、室内图、海外图、多样式切换、离线地图的功能模块。

一、注册账号

注册地址:lbs.qq.com

点击链接进入腾讯位置服务官网,完成账号注册信息。

从右上角头像图标进入控制台,拿到key(一串密钥码),后边会用到,具体信息如下图所示:

二、下载SDK及demo工程

官网顶层有“开发文档”栏目,本文以Android为例,选择“Android地图SDK”链接项,具体操作可看下图:

在打开的新页面里,我们选择3D地图SDK,3D地图应该比2D地图界面更丰富,视野更酷炫。

三、填写key

按照官方文档的描述,把key填写到 AndroidManifest.xml 配置文件中就可以了,但实际上这并不太好用。

真正好用方法是在项目根目录的 local.properties 中添加密钥key,具体配置如下图:

四、指定程序包

在控制台,填写对应程序的包名,Android对应是package name,iOS对应 是Bundle Identifier。具体操作步骤如图:

五、安装程序

安装Android程序并运行,就可以看到地图了,如图:

在腾讯地图示例demo,选择第一个基础地图,就可以开始地图功能的探索了。下面的截图分别是腾讯地图示例、海外图、展示地图、地图类型四个基础功能界面,当然还有很多其他的内容,大家可以自己动手操练操练。

注意:如果key或包名没有正确填写,在进行上述页面展示的时候会始终提示key校验失败的信息。

结语

创作不易,如果对大家有所帮助,希望大家点赞支持,有什么问题也可以在评论区里讨论😄~ 如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu 不胜感激 ! 来自 “开源独尊 ” ,链接: https://ym.baisou.ltd/post/823.html

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • IoT小能手的微信小程序快速入门教程

    “IoT小能手,你一个搞 IoT 的为啥要学小程序” “物联网是个筐,啥都能够往里装。小程序作为端侧经典应用,当然也得把它收入囊中。”

    twowinter
  • 小白入门必看 ‘’微信小程序地图定位开发教程‘’

    目前腾讯位置服务提供路线规划、地图选点、地铁图、城市选择器插件四款插件产品,本篇博客主要针对地图选点功能进行实现。

    腾讯位置服务
  • Texture ASCollectionNode 结合腾讯云TRTC实现多人上台直播

    最近利用腾讯云实时视音频 TRTC SDK,学习如何开发教育直播类 APP,其中有一个需求是各个直播场景下多会用到的,那就是:

    coding01
  • 腾讯云云开发入门

    腾讯云开发目前仅支持通过云开发控制台来登录和管理您的云服务。云开发提供基础能力的 SDK,通过云开发的 SDK,即可在您的移动应用中使用云开发所提供的数据库、存...

    勤劳的小蜜蜂
  • 腾讯云物联网开发平台 IoT Explorer 全面指引

    腾讯云 IoT Explorer 是腾讯云主推的一站式物联网开发平台,所谓一站式,就是包含了设备侧到应用侧安卓iOS app,甚至小程序的全链条开发支持。

    twowinter
  • Key to the Future-SIGGRAPH Asia 2016游记1

    作者: 腾讯SNG音视频实验室 李凯 腾讯CDG社交与效果广告部 卢鑫鑫 腾讯WXG技术架构部 谷沉沉 SIGGRAPH无疑是目前全球最顶级的CG和交互技术领域...

    腾讯高校合作
  • CreatorPrimer|微信小游戏与腾讯云初体验(2)

    这周事情特别多,不好意思把公众号给怠慢了。今天接上篇《CreatorPrimer|微信小游戏与腾讯云初体验(1)》,看如何利用腾讯云服务接近零成本的开发微信小游...

    张晓衡
  • 掘金 x 腾讯云联合征文 | 万物皆可 Serverless

    Serverless,即无服务器架构,是一种新的架构方式。目前也是非常热门的一种技术,很多大公司都在往 Serverless 这个方向上发力。 ? 无服务器架...

    腾讯云serverless团队
  • 小班互动教学解决方案(上)

    在线教育发展迅猛,各大教育机构如雨后春笋般涌现,尤其是在疫情“停课不停学”的大背景下。不管是学科教育、兴趣辅导,还是技能培训,都少不了小班互动教学。小班教学要求...

    evannhuang
  • IM聊天教程:发送图片/视频/语音/表情

    为此,小编特意写了一个vue版本的Demo,实现了图片视频文件和表情的的发送,参考这个Demo源代码,相信你就可以轻松的用Uniapp和小程序完成类似的功能。

    GoEasy消息推送
  • 如何搭建低延时、交互式的在线教育平台?

    http://scrmtech.gensee.com/webcast/site/vod/play-c04b32af4cdd4f2183d9b7089274e8b...

    LiveVideoStack
  • 关于开源的几个真相!你还可能不如一枚小白精通开源

    Star 多的项目就一定规范与优雅?文档是应放在 wiki 中还是 code repo 中?readme 越简洁越好,还是越详尽越好?readme 写中文还是英...

    腾讯开源
  • 仅需三个步骤,手把手教你搭建属于你的 Clubhouse

    得益于科技圈“带货王”马斯克的一条推特,Clubhouse 瞬间火爆中文互联网,不过仅仅支持 iOS 端,还设定了严格的邀请制,让广大安卓用户非常失望。Clu...

    腾讯即时通信IM
  • 【玩转腾讯云】新手小白也能漫步云端

    从我们的日常生活中可以发现,许多行业的工作流程已经转变为「无文件模式」,什么是「无文件模式」模式?其实就是各种软件、工具都开始云端化、在线化。例如...

    南风逸梦
  • 数千万中小学师生硬核抗“疫” 集体在家用腾讯“在线课堂”上课

    ? 今春,全国千万中小学师生将迎来史上最特殊的开学季:足不出户,在家用腾讯空中课堂上课。 2020年伊始,全国大规模爆发新冠肺炎疫情,各地教育局纷纷出台延迟开...

    鹅老师
  • 杨婷:腾讯云在线教育解决方案分享

    首先为大家介绍一下培训机构的运营框架。首先是优质的教育内容,培训要有核心的内容。有了核心内容后,就要有在线教育平台。有了平台后需要招生,就涉及到营销。有了内容、...

    云加社区技术沙龙
  • 华中科技大学白翔:摒弃成规,自由翱翔

    精彩内容编者按:2013年,CCF联合腾讯发起“犀牛鸟”基金,旨在为青年学者搭建“让伟大的梦想变成现实的影响”的平台,助力青年学者的创新和成长,并为提升人类生活...

    腾讯高校合作
  • 微信小程序初体验(上)

    腾讯ISUX
  • 【预约中】语音消息技术实现技术实践

    消费升级的时代,搭配才能创造奇迹。文字是苍白的,语音是生动的,语音转文字是具备科技色彩的。文字一旦有了科技感,生活才能有质感。本课程以GME做“活化酶”,将详细...

    可可爱爱没有脑袋

扫码关注云+社区

领取腾讯云代金券