如何在html网页中引入百度街景地图?(图)

优采云 发布时间: 2021-08-08 20:15

  如何在html网页中引入百度街景地图?(图)

  如何在html网页中引入百度街景地图?

  这里简单介绍一下。其实这和普通百度地图的介绍很相似。唯一不同的是,开启闪光灯的主要内容如下:

  1.注册成为百度地图开发者,可直接在官网注册或使用百度账号登录。登录成功后依次点击“控制面板”->“创建应用”,在跳转页面选择“浏览器”,输入应用名称设置白名单,如下图:

  创建成功后,当前应用会显示在应用列表中。这里我们需要记住应用程序的AK值,在下面的HTML代码中会用到,如下图:

  2.创建成功后,我们就可以在网页中引入街景图了,主要是创建一个div容器,然后通过jsapi将街景图导入到这个容器中。测试的完整代码如下。这里创建了两个div容器,一个用来显示街景图,一个用来显示法线图,两个容器同时转换:

  用浏览器打开这个HTML网页,效果如下:上面是显示的街景图,下面是对应的法线图。这里需要开启浏览器的flash播放功能,否则会显示失败:

  到此为止,我们已经完成了对HTML页面的百度街景地图的介绍。总的来说,整个过程并不难。类似于普通百度地图的介绍。需要先注册开发者,然后创建应用,再创建div容器,最后通过jsapi直接将地图导入到容器中。唯一不同的是要打开浏览器的flash player功能,否则街景地图会显示故障。只要你有一定的前端基础,熟悉相关的例子和代码,就能很快掌握。官方网站提供了非常详细的信息。开发文档非常适合初学者。如果你有兴趣,你可以学习。希望以上分享的内容对您有所帮助。请留言和评论。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线