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、这个关于需要调用的地点,确定位置可以通过百度拾取坐标系统来获取,然后将拾取的坐标来放到对应的位置。
