百度地图的使用

最新推荐文章于 2023-05-15 10:01:15 发布

慕拢

最新推荐文章于 2023-05-15 10:01:15 发布

阅读量1.5k

点赞数

文章标签：前端

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

版权

本文详细介绍了如何在前端项目中集成百度地图，包括登录注册获取AK、引入地图JS、创建地图容器、初始化地图、设置中心点和滚轮缩放、添加地图控制器以及在地图上绘制内容等步骤，旨在帮助开发者实现基于位置的商业服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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元/天解锁文章