HTML嵌入百度地图

我们经常会在各类网站中看到有百度地图的存在,那么百度地图是如何加载到html中的呢?

1.打开网址百度地图API

2.打开后如图所示,在红框处填写自己想要定位的地址

3.点击左侧彩电设置地图,设置参数,宽高好像不太好用,后续可以自己去代码中修改

4.点击左侧添加标注即可添加标注,标注自己想要描述的地带你定位,画路线图到达自己标注的位置,然后点击保存按钮,一定要点击保存按钮

5.每次操作后,右侧都会生成对应的预览,确认无误后点击预览,查看是否是自己想要的样子(宽高不要在意,可以去代码中调节)

6.点击获取代码,  ctrl + A全选代码,然后复制到自己想要的展示的html中去 ,下图红色标识是需要自己申请的AK码,去百度地图申请就可以,然后粘贴到标识处,否则地图不可用。

7.想要设置宽高,在代码中就可以了

8.上述操作都完成了就预览一下自己的html吧!是不是出现地图了呢?


  • 14
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
可以使用VB编程语言嵌入百度地图。首先,需要在VB项目中添加一个WebBrowser控件,该控件可以用来显示Web内容。然后,使用百度地图的JavaScript API,在WebBrowser控件中嵌入百度地图。 下面是具体步骤: 1. 在VB项目中打开工具箱,找到WebBrowser控件,并将其拖放到窗体上。 2. 双击WebBrowser控件,进入其事件处理程序。 3. 在Form_Load事件中,使用WebBrowser控件的Navigate方法,导航到百度地图的网页地址。例如,可以导航到百度地图的静态API页面,该页面显示一个简单的地图。代码示例如下: ```vb Private Sub Form_Load() WebBrowser1.Navigate "https://api.map.baidu.com/staticimage/v2" End Sub ``` 4. 另外,如果想要嵌入完整的交互式百度地图,在Form_Load事件中,可以使用WebBrowser控件的Document属性,通过JavaScript代码嵌入百度地图的API和相关参数。代码示例如下: ```vb Private Sub Form_Load() WebBrowser1.Navigate "about:blank" WebBrowser1.Document.Write "<html><head><script src=""https://api.map.baidu.com/api?v=2.0&ak=YOUR_AK""></script></head><body>" WebBrowser1.Document.Write "<div id=""map"" style=""width: 100%; height: 100%;""></div>" WebBrowser1.Document.Write "<script>var map = new BMap.Map('map'); map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);</script>" WebBrowser1.Document.Write "</body></html>" WebBrowser1.Refresh() End Sub ``` 其中,YOUR_AK应该替换成你在百度地图开放平台申请的Access Key。这样就可以嵌入一个包含百度地图的窗体。 通过以上步骤,就可以在VB项目中嵌入百度地图,并根据需要进行自定义操作和使用百度地图提供的各种功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值