编写一个html文档,内容包括武汉地图
时间: 2024-01-27 16:20:03 浏览: 20
好的,以下是一个简单的 HTML 文档,其中包含一个武汉地图:
```html
<!DOCTYPE html>
<html>
<head>
<title>武汉地图</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>武汉地图</h1>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3403.892081622828!2d114.31620061522626!3d30.581084481688895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x342ea7c1cb6b8d9f%3A0x5f6e9c1a5d9550c7!2sWuhan%2C%20Hubei%2C%20China!5e0!3m2!1sen!2sus!4v1632199633724!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</body>
</html>
```
在这个文档中,我们使用了 Google 地图的嵌入式 API,将一个武汉的地图嵌入到了文档中。通过在 `iframe` 元素中指定 `src` 属性,我们可以将一个包含武汉地图的网页嵌入到我们的 HTML 文档中。我们还使用了一些基本的 HTML 元素,如 `h1` 标题和 `div` 容器,来组织文档结构。