注册百度用户
请求百度用户注册链接,填写注册信息,点击注册按钮进行百度用户注册。
注册开发者
请求注册开发者链接,填写注册信息,点击提交按钮进行开发者注册。
设置密钥
- 点击申请密钥 按钮
- 设置对应的参数信息,点击提交按钮创建密钥
获取密钥
百度地图 API 示例
使用场景
地图的使用场景非常广泛。地图定位可以更直观的说明位置及周边环境,让用户更好的了解地理位置信息,更好的规划路径,以方便出行。定位,导航等成功互联网上最常见的功能之一。
黑马官网:
http://wh.itcast.cn
这是一个很常见的技术,公司地址,房产位置,饭店,酒店等行业,只要是用户需要找地方的时候就可能出现地图技术的身影。涉及到我们生活的方方面面。例如:
- 定位
- 地图
- 轨迹
- 路线规划
- 导航
- 路况
技术介绍
市面常见的地图API有很多,例如:
百度地图API:http://lbsyun.baidu.com
高德地图API:https://lbs.amap.com
腾讯地图API:https://lbs.qq.com
搜狗地图API:http://map.sogou.com/api/
百度地图demo
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>CanvasLayer</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fmT63SjGiGsj7vawwDwTpvEFWffi9GgS"></script>
<style type="text/css">
body, html,#container {
width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
</head>
<body>
<div id="container"></div>
</body>
</html>
<script type="text/javascript">
//创建地图实例
var mp = new BMap.Map("container");
//创建点坐标
var point = new BMap.Point(116.3964,39.9093);
//初始化地图,设置中心点坐标和地图级别
mp.centerAndZoom(point, 10);
</script