案例1：百度地图api-火车路径展示

星银色飞行船

已于 2022-10-26 19:47:40 修改

阅读量1.2k

点赞数 1

分类专栏：百度地图api源码分享文章标签：百度 css javascript

于 2022-10-26 19:41:59 首次发布

本文链接：https://blog.csdn.net/yinsefeixingchuan/article/details/127538978

版权

百度地图api源码分享专栏收录该内容

15 篇文章 7 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

效果图

效果展示说明

B站效果视频

项目说明

这个小demo的下拉框和按钮使用了layui的样式，你们也可以自己用css写~
下拉框有两条数据分别是铁路1 和铁路2
data.js中有两个变量points 和 points2 分别对应铁路的路径数据
最后点击查询可以在地图上渲染当前选中铁路的路径
铁路渲染主要运用了百度地图添加折线的方法

var polyline = new BMap.Polyline(po, {
   
                enableEditing: false,//是否启用线编辑，默认为false
                enableClicking: true,//是否响应点击事件，默认为true
                icons: [new BMap.IconSequence(sy,