4-百度地图
一 百度地图
1 前期准备
H5端和PC端，对接百度提供JavaScript API。
移动端，对接百度android SDK或ios SDK
(1)打开百度地图开放平台
地址：https://lbsyun.baidu.com/
(2)选中开发文档——JavaScript Api
按照文档步骤开通百度开放平台并申请密钥
2 展示地图
<!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">
<title>Document</title>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=TMKl9Sf7RG5ZTNEt4D8PFIdgsopyGqvZ">
</script>
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0px;
padding: 0px
}
#container {
height: 100%
}
</style>
</head>
<body>
<!-- 展示地图的HTML容器元素 -->
<div id="container"></div
