使用百度开发平台创建地图

爱蹦哒的咸鱼

于 2023-08-16 15:40:41 发布

阅读量289

点赞数

文章标签： html5 前端 html javascript css css3 es6

本文链接：https://blog.csdn.net/m0_68393821/article/details/132321114

版权

<!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: 80%;
            height: 80%;
            overflow: hidden;
            margin: 0;
        }
    </style>
    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=你的AK"></script>
    <title>设置地图3D视角</title>
</head>

<body>
    <div id="allmap"></div>
</body>

</html>
<script type="text/javascript">
    var map = new BMapGL.Map("allmap");
    map.centerAndZoom(new BMapGL.Point(116.41400, 39.91500), 19);
    map.enableScrollWheelZoom(true);
    map.setHeading(64.5);
    map.setTilt(73);
</script>