html中嵌套谷歌定位地图

这篇博客介绍了如何在网页中嵌入谷歌地图的步骤,提供了一段包含 iframe 的 HTML 代码示例,详细设置了 iframe 的宽度、高度以及相关属性,确保地图能够正确显示并具备良好的用户体验。

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

 在谷歌地图中搜索位置,按照图中步骤,赋值html到代码中

// 可以设置iframe的宽高
<div>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3411.456025521594!2d121.40919433167547!3d31.23579692217932!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35b26f8fa918bb53%3A0xd8c1fb5615b1a7ec!2z5a626KOF5ZWG5Yqh5ZKo6K-i5pyJ6ZmQ5YWs5Y-4!5e0!3m2!1szh-CN!2sus!4v1669796267242!5m2!1szh-CN!2sus"
            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

样式:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值