百度地图开发者平台的使用

我们在做地图的时候不太可能自己去写一个地图，所以我们就用到了百度地图的开发平台

1、在浏览器中搜索百度地图开发者平台

2、进入网站找到开发者文档并进入JavaScript API 中（如果没有百度账号请注册因为要用到）

3.进入之后找到示例DEMO

4.进入示例DEMO找到自己想要的地图样式

5.进入想要的地图中复制代码

6.更改自己的密钥

这个密钥在-控制台-应用管理-我的应用-访问应用（AK）就是密钥（要是没有就先创建应用就会出来了）

7.更改完成之后就可以运行了（*vscode要在服务器运行）

需要安装插件（Live Server）

代码：

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><title>地图展示</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="initial-scale=1.0, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><style>body,html,#container {overflow: hidden;width: 100%;height: 100%;margin: 0;font-family: "微软雅黑";}.info {z-index: 999;width: auto;min-width: 22rem;padding: .75rem 1.25rem;margin-left: 1.25rem;position: fixed;top: 1rem;background-color: #fff;border-radius: .25rem;font-size: 14px;color: #666;box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);}</style><script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=yDvNVctRwaAGn8CFSm6pvGP7r3GbHWWl"></script>
</head><body><div class="info">最新版GL地图命名空间为BMapGL, 可按住鼠标右键控制地图旋转、修改倾斜角度。</div><div id="container"></div>
</body></html>
<script>var map = new BMapGL.Map('container'); // 创建Map实例map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 12); // 初始化地图,设置中心点坐标和地图级别map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
</script>

效果：

百度地图开发者平台的使用相关推荐

百度地图开发者平台普通IP定位功能详解
前端时间业务需求,进而去了解IP定位的功能,一开始使用的免费API接口,但是几天时间接口就访问失效,了解到百度地图也有IP定位功能,所以记录使用的过程. 一.注册百度地图开发者,并创建应用在创建应用 ...
HTML百度地图开发者平台的使用，实现简单位置定位
文章目录前言简单位置定位总结前言 HTML+JavaScript语言主要在网页上显示一下几种类型地图位置定位 HTML代码如下 <p id="location"& ...
如何在百度地图开发平台获取开发者Key（AK）
一.搜索百度地图开放平台二.点进去选择控制台三.我的应用->创建应用四. 五. 六.获取开发版SHA1 1.第一步,如果使用的是高版本的android studio ,它会自带jdk,需要 ...
申请百度地图开发者AK和基本使用
前言有需求就会有市场,百度地图也会开放一些免费的Api.来提供一些基本的地图服务. 今天我们讲解的是百度地图申请AK过程,和申请完之后基本的使用,方便大家日后有需要浏览. AK-申请 1.首先我们学 ...
百度地图开发者账号申请
本篇文章要完成的效果一.百度地图开发者账号申请官网 : 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 没有的话注册一下一般来说使用过百度云就有百度账号点 ...
后端根据百度地图真实路径距离_百度地图开放平台介绍--路线规划
百度地图开放平台路线规划服务是结合实时交通,为用户提供覆盖国内外的路线规划服务.路线规划也是我们用户最常用到的功能之一,比如旅行时需要到达另外一个地方,通过百度地图可以快速规划距离最短路线或耗时最短路 ...
php 百度逆地理编码,百度地图开放平台 Web服务API --Geocoding API (地理编码和逆地理编码)...
百度地图开放平台地理编码服务和逆地理编码服务的api文档地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geoco ...
百度地图开放平台轻量路径规划
百度地图开放平台轻量路径规划背景思路完整代码代码解读结果截图注意事项背景由于要做等时圈研究,手头上有一些poi数据,如小区地理位置信息,地铁站点的地理位置信息,想通过等时圈把两者连接起 ...
借助高德地图开发者平台——地图可视化
借助高德地图开发者平台--地图可视化高德地图开发者平台:http://developer.amap.com/ 做什么? 制作这样的显示地图: 你只需要: 点位经纬度坐标即可.(这一点可以利用高德坐标 ...

百度地图开发者平台的使用

1、在浏览器中搜索百度地图开发者平台

2、进入网站找到开发者文档并进入JavaScript API 中（如果没有百度账号请注册因为要用到）

3.进入之后找到示例DEMO

4.进入示例DEMO找到自己想要的地图样式

5.进入想要的地图中复制代码

6.更改自己的密钥

这个密钥在-控制台-应用管理-我的应用-访问应用（AK）就是密钥（要是没有就先创建应用就会出来了）

7.更改完成之后就可以运行了（*vscode要在服务器运行）

需要安装插件（Live Server）

百度地图开发者平台的使用相关推荐

最新文章

热门文章