百度地图api路况信息

最新推荐文章于 2024-01-04 20:15:00 发布

ml_yz

最新推荐文章于 2024-01-04 20:15:00 发布

阅读量1.2w

点赞数 3

分类专栏：百度地图api 文章标签：百度地图api路况信息 TrafficControl 百度地图路况信息百度地图js路况信息

本文链接：https://blog.csdn.net/ml_yz/article/details/76575658

版权

百度地图api 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

效果图：

首先需要引入css\js

<link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>

html部分

<div style="width:100%;height:340px;border:1px solid gray" id="container">
    </div>

<script type="text/javascript">
       var map = new BMap.Map("container");
      
       map.centerAndZoom(new BMap.Point(104.06, 30.67), 12); 
       var ctrl = new BMapLib.TrafficControl({
           showPanel: true //是否显示路况提示面板
       });      
       map.addControl(ctrl);
       ctrl.setAnchor(BMAP_ANCHOR_BOTTOM_RIGHT);  
     </script>