百度地图开发入门（1）：案例

Joern-Lee

于 2022-06-08 14:42:03 发布

阅读量2.9k

点赞数 2

分类专栏：数据可视化文章标签：前端 javascript html

本文链接：https://blog.youkuaiyun.com/sdsh1880gm/article/details/125184226

版权

将我之前的百度地图入门的一些博文分享一下，这里主要系统讲解地图可视化的开发方式

1. 百度开发者账户申请

具体可以参考这里：https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey

最后当你的应用创建好了，就会得到一个服务密钥

然后这里是百度地图的API：https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html

2. 实际案例

第一步是需要显示出地图，这里我们使用html原生方式来讲解

<!DOCTYPE html>

<html>



<head>

    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥"></script>

    <style>

        html,

        body,

        #map {
     

            width: 100%;

            height: 100%;

            padding: 0;

            margin: 0;

        }

        /* 隐藏百度的下面log和版权声明 */

        .anchrolBL, BMap_cpyCtrl {
     

            display: none;

        }

    </style>

</head>



<body>

    <div id="map"></div>

    <script>