百度地图JSAPI使用示例
程序员文章站
2022-06-11 20:38:04
...
1、首先进入百度地图开放平台
2、选择开发文档当中的javascriptAPI
3、然后申请**
4、获取**之后创建应用，然后将其引入代码当中
5、引用百度地图API示例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak='u9aZ91EKF0dg3X9f3qDfgxxxxxxxxxxx'"></script>
<title>设置地图3D视角</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// GL版命名空间为BMapGL
// 按住鼠标右键，修改倾斜角和角度
var map = new BMapGL.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMapGL.Point(114.411007, 30.48282), 19); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
map.setHeading(64.5);
map.setTilt(73);
</script>
6、效果展示
注意点：
1、**是每个人都有的，所以要注意保密，所以示例当中后面的**我进行了打码处理。
2、这个关于需要调用的地点，确定位置可以通过百度拾取坐标系统来获取，然后将拾取的坐标来放到对应的位置。