使用高德api的详细步骤

第一步：打开高德开放平台：https://lbs.amap.com/

第二步：注册完高德平台打开应用管理

第三步：打开我的应用，创建新应用，写上你要创建的名称和选择应用类型

第四步：创建完点击右侧的添加，取名称勾选第三个；域名白名单可不填，点击提交；就会创建出来你的key值和相关安全密钥了

第五步：回到主页，找到“开发支持”找到下面的二级菜单“地图 JS API”，里面有详细步骤

第六步：点开准备；（不想自己找往下翻有代码直接复制）

会用到这三个；

script里面可以用这个；

用以下代码记得把自己的安全密钥和自己的key值换写上

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- html --><meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <title>Document</title>
</head>
<style>/* css */#container {width:300px; height: 180px; }
</style>
<body><div><!-- html --><div id="container"></div></div><!-- script -->
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=写你key的值"></script>
<script type="text/javascript">window._AMapSecurityConfig = {securityJsCode:'写你的安全密钥',}var map = new AMap.Map('container', {zoom:12})
</script>
</body>
</html>

使用高德api的详细步骤相关推荐

Android 高德地图API（详细步骤+源码）
高德地图API使用详解前言正文一.创建应用 ① 获取PackageName ② 获取调试版安全码SHA1 ③ 获取发布版安全码SHA1 二.配置Android Studio工程 ① 导入SDK ...
搭建 live2d api接口详细步骤
目录前言服务器方式教程前置条件搭建步骤 1. 将此项目上传至个人服务器 2. 配置 docker compose(可选) 3. nginx相关配置 4. 可能会遇到的问题腾讯云 cos 图床 ...
腾讯云COS对象存储图片文件API的详细步骤过程
首先创建一个桶.相当于你存储图片的容器.我这里是存储图片. 我选则是共有读,私有写.因为不选择共有读的话,以后别的地方没办法访问注意: 公有读权限可以通过匿名身份直接读取您存储桶中的数据,存在一定的 ...
ECMWF等大气数据批量下载（Python API）详细步骤
ECMWF等大气数据批量下载(Python API) 遥感方向做热红外温度反演,不可避免的要用到大气廓线数据,大气数据具有实时性,比如2018年9月1日的早上8点的影像,为了提高反演精度就需要用到时间 ...
vue使用高德api 定位获取位置信息 positionLocation.js及 USERKEY_PLAT_NOMATCH报错
前提假设你已经申请好了高德api 及对应的高德api业务,申请高德api 配置相关步骤不在这里敷述,自行百度相关博文配置: build/webpack.base.conf.js 要配置 co ...
api php jwt,Laravel使用JWT实现API用户授权的详细步骤
本篇文章给大家带来的内容是关于Laravel使用JWT实现API用户授权的详细步骤,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 第一部分安装JWT 第一步. 使用Composer ...
根据详细地址获取经纬度（通过高德API）
vue项目根据详细地址获取经纬度(通过高德API) 一.在高德控制台key的获取二.Jsonp的使用三.查看success回调返回的打印结果一.在高德控制台key的获取网上找了很多,但是多多少 ...
Java调用高德地图API根据详细地址获取经纬度
Java调用高德地图API根据详细地址获取经纬度官方API:https://lbs.amap.com/api/webservice/guide/api/georegeo * Web服务API 地理/ ...
高德API调用和网页制作步骤简述
高德API调用和网页制作步骤简述 1.百度搜索高德API网站,利用支付宝账号登录: 2.点击"开发支持"->"web端"->"地图JS A ...

使用高德api的详细步骤

使用高德api的详细步骤相关推荐

最新文章

热门文章