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


这个其实很简单 。下面我简单介绍一下吧 。主要过程如下:
1.首先 。到百度地图开放平台注册一下开发者 。这个直接用自己的百度账号就行 。接着点击“控制台”->“创建应用” 。如下 。这里选择“浏览器端” 。输入“应用名称”:

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

文章插图
创建成功后 。就会跳转到“应用列表” 。刚才创建的应用就会显示出来 。如下 。这里我们需要记住AK这个值 。后面的html页面中需要用到:
如何在网页中引入百度地图?

文章插图
2.应用创建成功后 。我们就可以在网页中引入地图了 。代码其实很简单 。主要是创建一个div容器 。然后通过JS导入地图 。完整代码如下:
如何在网页中引入百度地图?

文章插图
接着我们用浏览器打开这个html页面 。就能正常显示地图了 。如下:
如何在网页中引入百度地图?

文章插图
3.这里也可以引入地铁图 。代码和上面的地图类似 。也是需要创建一个div容器 。然后再通过JS导入地铁图到div容器中 。主要代码如下:
如何在网页中引入百度地图?

文章插图
用浏览器打开这个html页面 。效果如下 。就能正常显示地铁图了:
如何在网页中引入百度地图?

文章插图
至此 。我们就完成了在网页中导入百度地图 。整个过程其实很简单 。就是创建div容器 。然后通过JS将地图引入到div容器中进行显示就行 。上面的代码都是官方提供的示例 。可以直接到官网进行查看 。或者在线编辑都行 。只要你有一定的前端知识 。熟悉一下相关代码和示例 。很快就能掌握的 。网上也有相关教程和资料 。感兴趣的可以搜一下 。希望以上分享的内容能对你有所帮助吧 。也欢迎大家评论、留言 。
其他观点:
【如何在网页中引入百度地图?】不知道题主了解gis吗?你可以去查找一下百度地图的官方接口说明文档 。里面有详细前端调用方法和demo 。认真阅读+反复实践 。相信题主可以的

    推荐阅读