图层的添加：地图是一层一层的，叠合在一起，组成完成的地图。
现在来试试实时路况的实现。
var traffic = new AMap.TileLayer.Traffic({
autoRefresh:true,
interval:180,
})
map.add(traffic)首先，指定是否自动刷新，其次，指定刷新间隔为180s。
将交通图层添加到map上，即可。看一下效果：
如果不想看实时路况，想移除怎么办呢，按F12进行开发环境，选择console控制台，如图，输入
map.remove(traffic)回车执行，看一下改变：
路况信息就被移除了。 那么，这个功能怎么让用户能使用呢，可以做一个按钮来触发事件来实现。现在div容器外面添加一个按钮来实现：
<body>
<button onclick="showTraffic()">显示交通信息</button>
<button onclick="hideTraffic()">隐藏交通信息</button>
<div id="container"></div>
<script>
var map = new AMap.Map('container',{
center:[116, 40],
zoom:15,
viewMode:'3D',
pitch:45
})
var traffic = new AMap.TileLayer.Traffic({
autoRefresh:true,
interval:180,
})
function showTraffic(){
map.add(traffic)
}
function hideTraffic(){
map.remove(traffic)
}
</script>
</body>
这里做了两个按钮，一个添加，一个隐藏。其实如果加个判断，做成一个按钮也可以的。
看一下效果：点击添加后：
点击隐藏后：
扫一扫
487
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
