zoukankan      html  css  js  c++  java
  • 简单地图Demo

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

    一、注册官方账号

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

    点击链接进入腾讯位置服务官网,完成账号注册。
    从右上角头像图标进入到控制台里,拿到key(一串密钥码),后边会用到,具体信息如下图所示:

    二、下载地图SDK和demo工程

    在官网“开发文档”栏目里,本文以Android为例,选择“Android地图SDK”链接项,具体操作如下:
    在Android地图SDK页面里,我们选择3D地图SDK,3D地图可以看到3D楼块,地图效果更炫一些,并且支持旋转。

    三、填写key

    按照官方文档里的描述,把key填写到 AndroidManifest.xml 配置文件中就行了,但实际上这并不太好用。
    真正好用方法是在项目根目录的 local.properties 中添加密钥key,具体配置如下图:

    四、指定程序包

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

    五、安装程序

    安装Android程序并运行,就可以看到地图示例demo了,如图:
    在腾讯地图示例demo,选择第一个基础地图,就可以开始地图功能的探索了。下面的截图分别是腾讯地图示例、海外图、展示地图、地图类型四个基础功能界面,当然还有很多其他的内容,大家可以自己动手操练操练。
    注意:如果key或包名没有正确填写,在进行上述页面展示的时候会始终提示key校验失败的信息。

  • 相关阅读:
    vue2.0之render函数
    vuex学习笔记
    js小知识点
    vue2.0路由进阶
    vue2.0使用slot插槽分发内容
    js事件机制
    firefox在引入vue.js后不支持e=e||window.event的解决办法
    qs.js使用方法
    除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法
    定义设置滚动条
  • 原文地址:https://www.cnblogs.com/Yi-Xiu/p/15072377.html
Copyright © 2011-2022 走看看