可以使用百度地图提供的JavascriptAPI,只需要简单的几个步骤,就可以在网页中创建出地铁地图。
注册百度账号,申请AK
注册一个百度账号,然后在去申请一个密钥
通过后就可以得到一个AK字符串,:
引入API文件,并展示地图
将百度地图的JavaScriptAPI引入网页,然后设置显示地图的容器,并将地图展示出来。
效果图:
这样,我们的百度地图就调用成功了。
展示地铁路线
实例化一个地铁地图对象,遍历城市,得到地铁列表,传入参数,展示地铁地图。
效果图:
上图就是你想要的地铁地图效果了,还是比较简单的,有不懂的地方,你可以参考百度地图提供的API文档。
当然,不一定要用百度地图API,其他地图也可以实现,如:腾讯地图、谷歌地图、高德地图等。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
Html如何设置元素垂直居中?
怎么设置html文字背景颜色?
html5是什么?发展前景如何呢?
html网页文件的默认扩展名是什么?
怎样在html页面中制作一个简单的表格?
前端html源码可以不暴露接口吗?为什么?
html格式的网页怎么转换成ppt格式转换?
html5有哪些新特性,移除了那些元素?
有什么方法用html开发桌面软件?
html中两行四列的表格怎么写?
怎么设置html文字背景颜色?
HTML是门语言吗?是用来做网页的吗?
html如何实现点击按钮跳转页面?
如何将一个HTML页面嵌套在另一个页面中
实例教程:如何使用记事本来编写HTML代码?
html5可以开发pc端软件吗?
HTML网页中怎么写插入图片的代码?
HTML5与SEO有必然的联系吗
手机网站使用HTML5技术的优势和劣势有哪些?
HTML网页中如何引入地铁图?