有两种方法可以在 HTML 页面中添加谷歌地图:
- 使用 API 密钥
- 不使用 API 密钥
要学习第一个案例,您可以按照文章进行学习,而要学习其他案例,请按照本文进行学习。
要在 HTML 页面中插入谷歌地图,请按照下列步骤操作:
- 转到谷歌地图并搜索您想要的位置。
- 现在,您将看到共享选项,单击它。
- 现在,将出现一个对话框以嵌入地图选项。
- 将在对话框内看到一个新选项来复制 html 。您还可以选择要嵌入页面的地图大小。
- 现在将其粘贴到您的 html 页面中。
示例:如何在不使用 API 密钥的情况下在 HTML 页面中添加 Google 地图。
Customize the scroll-bar
Geeks For Geeks
输出:
注意:此技术的问题是它不使用 API,因此地图不会自动更新,因此每次您必须通过更改地图的 HTML 代码手动更新地图。