众所周知,高德地图作为中国第一家拿到国际GPS卫星定位的厂商,权威性是毋庸置疑的。那么我们改怎么合理利用高德地图api来运用到我们的开发中去,下面我做了个测试,简单介绍一下高德地图api 的使用。

第一:搜索高德地图api点击进入官网。

点击右上角的注册按钮注册成为高德地图的开发者。选择个人开发。

第二:登录高德地图,选择【应用管理】点击【创建新应用】建立新的应用。

点击创建新应用,选择一个你要的应用类型,我选的是web端,设置好名称和类型,就可以使用了。

创建好新应用之后点击黑圈中的【添加新的key】 设置一个新的key名称。

第三:新建一个html文件,加入以下script文件。

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.7&key=您申请的key值"></script>

第四:新建一个div容器,让他的id为container  ,设置地图的宽和高。

<div id="container"></div>

<style>
#container {
width:1200px; 
height: 600px; 
     }

</style>

第五:调用高德地图api中的方法新建一个地图对象

var map = new AMap.Map('container', {zoom:11,//级别center: [116.397428, 39.90923],//中心点坐标viewMode:'3D'//使用3D视图});

这是简单的一个调用3d视图地图的方法,地图中心点是确定好的。

示例图:

第六:可以为地图增加图层,增加实时路况一层。

var map = new AMap.Map('container', {resizeEnable: true,zoom:11,//级别center: [116.397428, 39.90923],//中心点坐标// viewMode:'3D'//使用3D视图
});
//实时路况图层
var trafficLayer = new AMap.TileLayer.Traffic({zIndex: 10
});
map.add(trafficLayer);//添加图层到地图

示例图:

除此之外:地图 JS API 提供了标准、卫星、路网、路况、建筑等多个官方图层,同时也提供了加载第三方WMS、WMTS、XYZ等标准图层的接口,也提供了把一般的图片、Canvas、视频、热力等作为图层的能力。

详细了解请关注这里:

亲测有效,这是目前我正在使用的方法。

欢迎关注公众号    IT技术自查    获取更多跟详细的IT情报

高德地图api的使用相关推荐

  1. 高德地图markevents_GitHub - mingxuWang/Map: 高德地图API二次封装

    Map组件设计文档 组件设计目的 分析当前各业务方向(销售端.商城.数据可视化.TMS)内地图相关应用的地图功能使用情况,封装Map组件供给各业务向进行使用. 将高德地图API进行二次封装,降低地图相 ...

  2. 【高德地图API】那些年我们一起开发的APP—即LBS应用模式分享

    2019独角兽企业重金招聘Python工程师标准>>> 摘要:利用地图API都能做些什么应用呢?应用商店里所有的分类,都可以结合上LBS来丰富应用.除了传统的生活服务应用,还有新潮的 ...

  3. 高德地图API路径规划结果清除

    关于高德地图API之路径规划结果的清除(js API) 偶然用到高德地图API做路径规划,在做的过程中发现连续进行不同的路径规划产生的结果是叠加的.如何清除上一次的路径规划呢?开发手册上有一个 cle ...

  4. html高德地图api使用教程,高德地图API如何使用?

    这个很简单,需要先注册一下高德地图开发者,然后创建应用.添加Key,最后通过script标签引入网页,就可以直接使用高德地图API了,下面我简单介绍一下实现过程,主要内容如下: 1.首先,注册高德地图 ...

  5. ios 持续获取定位 高德地图_概述-iOS 定位SDK | 高德地图API

    简介 高德 iOS 定位 SDK 提供了不依赖于地图定位的定位功能,开发者可以无地图显示的场景中便捷地为应用程序添加定位功能. iOS定位SDK提供了单次定位.连续定位.逆地理信息.地理围栏等功能. ...

  6. ios 高德地图加载瓦片地图_IOS 高德地图 API 加载 WMS 服务

    IOS 高德地图 API 加载 WMS 服务 本文主要介绍通过自定义高德地图 MATileOverlay 接口,添加 WMS 服务到地图上.废话少说,先贴代码. 代码 自定义类 WMSTileOver ...

  7. android高德天气api接口,天气查询-API文档-开发指南-Web服务 API | 高德地图API

    产品介绍 天气查询是一个简单的HTTP接口,根据用户输入的adcode,查询目标区域当前/未来的天气情况. 使用API前您需先申请Key,若无高德地图API账号需要先申请账号. 适用场景 需要使用相关 ...

  8. python调用高德地图api 可视化_Python:利用高德地图API实现找房

    记:本项目是在实验楼上看到的,但是上面的代码由于没有及时维护,爬虫文件的代码不再能完整的把所有房源信息爬取下来,我根据最新的58同城官网进行了研究,现在的官网的房源信息已经不是分页的了,而是拉到最后自 ...

  9. python路径规划仿真实验_【python实战】批量获得路径规划——高德地图API

    1.需求 在上篇中,已经批量获得了经纬度信息,现在需要根据经纬度来进行路径规划,想知道两点之间的距离和路程.花费等信息. 这时候就需要用到高德地图API中的路径规划功能了. 2.过程 1. 构造经纬度 ...

  10. 高德地图api如何不显示logo_Python爬取高德地图POI数据获取「洗浴推拿指南」

    学习交流群 认识高德地图API 打开"高德开放平台",点击"开发文档",在"Web服务"下寻找并点击"搜索API". 我 ...

最新文章

  1. atom创建html文件夹,如何在Atom文本编辑器中按文件类型设置默认语法?
  2. java反射获得注释_Java反射、注解
  3. 唐骏:毕业5年决定你命运
  4. linux之tr命令详解
  5. 汇编中的通用寄存器、标志寄存器、段寄存器
  6. Jquery Easy UI--datagrid的使用(转)
  7. Harbor的安装部署(二)
  8. 轮子来袭 vJine.Core Orm 之 01_快速体验
  9. WIN7系统下Mapgis6.7常见的两个问题及解决办法
  10. 移动开发用户行为分析神器之--AppSee!
  11. 9种退出极域课堂的方法
  12. 使用WP-Salts-Update-CLI自动更新您的WordPress盐
  13. windows ubuntu 双系统 蓝屏Technical information: ***stop:0x0000007B(0x80786B58,0xC0000034,0x00000000,0x00
  14. 什么是软路由和硬路由,两者的区别有什么?
  15. MIT 入梦实验室 梦相关新闻
  16. 浮动的简介——CSS
  17. Android学习笔记之activity间传递传递参数
  18. 计算机专业的swot分析图,计算机专业学生个人SWOT分析示例.doc
  19. 单碟500GB 希捷7200.12 750GB硬盘上市
  20. 小红书点赞收藏有什么用_小红书点赞收藏平台 小红书粉丝快刷社区

热门文章

  1. 谁说大象不能跳舞--myeclipse 优化
  2. office 宏病毒分析
  3. 射频工程师应该具备的知识技术体系和心态
  4. java socket远空_JAVA Socket超时浅析
  5. Ubuntu 下eclipse安装
  6. 【Blender-Python】蜡笔画圆球动画
  7. 2021高考成绩查询怎么查小分,2021微信哪个小程序可以查成绩 高考成绩怎么查
  8. 小程序发送邮件,小程序云开发使用云函数发送邮件
  9. 笔记本电脑怎么录音?电脑专业录音软件下载
  10. 计算机与u盘连接使用,u盘虽然与电脑连接,但是插上后却没有反应,这该如何解决?...