百度地图的使用

最新推荐文章于 2023-11-13 01:27:10 发布

VIP文章慕拢

最新推荐文章于 2023-11-13 01:27:10 发布

阅读量1.3k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/wsxokn945/article/details/127626559

版权

LBS：LocationBusinessServer 基于定义位置的商业服务

百度地图开放平台

不要去记忆，要去官网粘贴复制

一、使用步骤

1、登录注册

在这里插入图片描述

2、获取秘钥 AK

进入百度地图开放平台官网控制台，点击【应用管理】-【我的应用】
点击【创建应用】进入AK申请页面，填写应用名称，务必选择AK类型为“浏览器端”，JS API只支持浏览器端AK进行请求与访问

3、引入百度地图js

在这里插入图片描述

4、创建地图的容器

在这里插入图片描述

5、初始化地图

在这里插入图片描述

6、创建一个地图中心点

在这里插入图片描述

7、设置中心点和滚轮缩放

在这里插入图片描述

8.代码

<!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>
    <style type="text/css">
        html {
     
            height: 100%
        }

        body {
     
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        #container {
     
            height: 100%
        }
    </style>
    <!-- 01 引用百度地图API文件(导入js) -->
    <script src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=hGrV07a49CGiyc4HCuMchTrKBSXspBmT">

最低0.47元/天解锁文章

慕拢

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图的使用

百度地图JavaScript API GL 是一套由JavaScript语言编写的应用程序接口，使用了WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图。帮助开发者在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发。JavaScript API GL提供了丰富的功能接口，包括地图展示、定位、覆盖物、检索、路线规划等，适配多样化的业务场景。
复制链接

扫一扫