知识点一：简单便捷的百度地图调用代码【亲测有效】

最新推荐文章于 2024-07-25 11:52:08 发布

Adolf兵✨

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量1.3k

点赞数 2

分类专栏：常用知识点文章标签： html javascript css

本文链接：https://blog.csdn.net/weixin_44545368/article/details/125103484

版权

本文记录了在网站中调用百度地图API遇到的问题及解决过程。通过HTML和JavaScript代码实现地图显示，包括设置地图容器、初始化地图、设置中心点和缩放级别，并开启鼠标滚轮缩放功能。代码简洁，适用于网页集成。

摘要由CSDN通过智能技术生成

2022年6月22日，今天再给网站做了https后发现后台编辑器带的百度地图调用空白了，啥也不显示了，就去网上搜索了一番，结果没能成功的修改编辑器代码，所以搞了另一种方式直接代码调用百度地图，网上又找了很多教程，结果都是不能成功显示百度地图，最后终于在自己的不懈摸索下成功解决了这个问题,贴上代码，省的下次用到又忘了：

<!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="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=zZ00CARAoyvz2CxGEv2sicoNIZFV2OOb"></script>
   <title>地图展示</title>