前端引入地图

本文介绍了如何在前端项目中引入Google和百度地图。对于Google地图,只需简单复制HTML iframe;而对于百度地图,需在百度地图API页面配置目的地并获取代码,然后在项目中创建map.html文件并使用iframe引入,最后调整样式。
摘要由CSDN通过智能技术生成

前端引入Google地图

google地图引用很简单,但需要翻墙访问,有时不能满足我们的业务需要,所以引用google地图请确认自己的业务需求:
1.打开google地图,选中目的地,点击分享:
在这里插入图片描述
2.选择嵌入地图–》复制HTML
在这里插入图片描述
3.直接将复制的iframe粘贴到项目对应位置即可。

前端引入baidu地图

引入百度地图比google难一点,不过也很好做:
步骤:打开http://api.map.baidu.com/lbsapi/creatmap/index.html,配置好自己的目的地–》获取代码–》项目新建一个map.html,将复制的代码粘贴–》用iframe引入;
1.在这里插入图片描述
2.在这里插入图片描述
3.

  <iframe src="该页面所在路径/
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值