怎么在网页中嵌入地图

最新推荐文章于 2024-10-02 11:34:49 发布

前端切图仔Zz

最新推荐文章于 2024-10-02 11:34:49 发布

阅读量3k

点赞数 1

分类专栏：项目中积累经验 JavaScript 报错合集文章标签：前端

本文链接：https://blog.csdn.net/amouzy/article/details/126425724

版权

JavaScript 同时被 3 个专栏收录

19 篇文章 1 订阅

订阅专栏

报错合集

12 篇文章 0 订阅

订阅专栏

项目中积累经验

11 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何通过百度地图开放平台创建地图，并在自己的项目中嵌入地图。首先，你需要使用百度地图生成器创建地图并获取代码。接着，在新建的HTML文件中粘贴地图代码，并确保拥有有效的密匙以授权显示地图。最后，通过 iframe 标签将地图无缝集成到网页中，调整其宽高以适应页面布局。

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

步骤如下：

1. 通过百度地图开放平台的百度地图生成器来创建地图：

http://api.map.baidu.com/lbsapi/createmap/index.html

在这里插入图片描述
2.根据所需创建好地图后，获取代码：

在这里插入图片描述
3.在项目中新建一个html文件，然后将地图代码粘贴上去。注意：要有密匙才能有权限打开地图，可自行申请一个密匙。

4.在页面中嵌入：

<iframe src="/html/你刚刚粘贴的百度地图页面.html"  width="100%" height="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>