HTML网页中如何引入地铁图?

可以使用百度地图提供的Javascript API,只需要简单的几个步骤,就可以在网页中创建出地铁地图。

注册百度账号,申请AK

注册一个百度账号,然后在去申请一个密钥,申请地址:http://lbsyun.baidu.com/apiconsole/key?application=key;

通过后就可以得到一个AK字符串,如下图:

HTML网页中如何引入地铁图?

引入API文件,并展示地图

将百度地图的JavaScript API引入网页,然后设置显示地图的容器,并将地图展示出来。

HTML网页中如何引入地铁图?

效果图:

HTML网页中如何引入地铁图?

我们的百度地图就调用成功了。

展示地铁路线

实例化一个地铁地图对象,遍历城市,得到地铁列表,传入参数,展示地铁地图。

HTML网页中如何引入地铁图?

效果图:

HTML网页中如何引入地铁图?

上图就是你想要的地铁地图效果了,还是比较简单的,有不懂的地方,你可以参考百度地图提供的API文档。

不一定要用百度地图API,其他地图也可以实现,如:腾讯地图、谷歌地图、高德地图等。

版权声明:本文内容由互联网用户投稿发布,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2211788188@qq.com 举报,一经查实,本站将立刻删除。如需转载请注明出处:https://www.wptmall.com/a/article/3752

为您推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注