首页 >

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

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

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

创建成功后,当前的应用就会显示在应用列表中,这里大家需要记住应用的AK值,后面的html代码中需要用到,如下:

2.创建成功后,大家就可以在网页中引入街景地图了,主要是创建一个div容器,然后通过JS API引入街景地图到这个容器中,测试的完整代码如下,这里创建了2个div容器,一个用于显示街景地图,一个用于显示普通地图,两者同时变换:

用浏览器打开这个html网页,效果如下,上面为显示的街景地图,下面为对应的普通地图,这里需要开启浏览器的Flash Player功能,不然会显示失败:

至此,大家就完成了在html页面中引入百度街景地图。总的来说,整个过程不难,和引入普通百度地图差不多,需要先注册开发者,然后创建应用,接着创建div容器,最后直接通过JS API引入地图到容器中就行,唯一的区别就是要开启浏览器Flash Player功能,不然街景地图就会显示失败,只要你有一定的前端基础,熟悉一下相关示例和代码,很快就能掌握的,官网提供了非常详细的开发文档,非常适合初学者,感兴趣的话,可以研究一下,希望以上分享的内容能对你有所帮助吧,也欢迎大家评论、留言。


如何在html网页中引入百度街景地图? |html a 按钮
  • js宏和vba宏一样吗? - 网络|
  • js宏和vba宏一样吗? - 网络| | js宏和vba宏一样吗? - 网络| ...

    如何在html网页中引入百度街景地图? |html a 按钮
  • css3打字代码 |css设置字体加粗
  • css3打字代码 |css设置字体加粗 | css3打字代码 |css设置字体加粗 ...

    如何在html网页中引入百度街景地图? |html a 按钮
  • 求登陆窗体VBA代码,最好有详细的例子,谢谢啦? - 网络|
  • 求登陆窗体VBA代码,最好有详细的例子,谢谢啦? - 网络| | 求登陆窗体VBA代码,最好有详细的例子,谢谢啦? - 网络| ...