大佬教程收集整理的这篇文章主要介绍了javascript – 如何在Google maps API中显示路线折线顶部的流量图层，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
简单地显示流量层可以使用如下的JavaScript API来完成@H_673_7@
function initMap() { var map = new google.maps.Map(document.getElementById('map'),{ zoom: 13,center: {lat: 34.04924594193164,lng: -118.24104309082031} }); var trafficLayer = new google.maps.TrafficLayer(); trafficLayer.setMap(map); }
这不仅可以让您访问流量层,还可以访问交通和自行车层.@H_673_7@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no">
<meta charset="utf-8">
<title>Traffic layer</title>
<style>
html,body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'),{
zoom: 13,lng: -118.24104309082031}
});
var trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap(map);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callBACk=initMap">
</script>
</body>
</html>
PS：在使用之前,请确保使用您的API KEY@H_673_7@
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callBACk=initMap">
</script>
有关此示例的更多信息,您可以阅读documentation page regarding this example或完整的documentation for displaying data(我推荐).@H_673_7@
这不是我想要的@H_673_7@
经验告诉我们,当您向用户建议路由时,如果所述路由具有红色流量线,用户将自动搜索其他内容,迫使他执行其他查询将是麻烦的.@H_673_7@
因此,流量层是避免以前行为的一个很好的解决方案.@H_673_7@
这也意味着您不能简单地选择图层的一部分(例如,与折线匹配的部分)并将其粘贴到那里 – 这不是图层的目的.@H_673_7@
如果这个解决方案不适合你,还有另一种方法…@H_673_7@
方向服务@H_673_7@
Directions Service校准两点之间的方向.@H_673_7@
使用此服务,您可以将provideRouteAlternatives设置为true并为drivingOptions设置一个出发时间进行请求.@H_673_7@
根据文件,@H_673_7@
所以如果你要求替代路线,并且有一个出发时间,你将有一个duration_in_traffic在每个路线的响应,并且它可以绘制多边形与您想要的颜色,取决于路径的好坏.@H_673_7@
您可以在https://developers.google.com/maps/documentation/javascript/directions阅读有关JavaScript Directions service的更多信息@H_673_7@
这还不是我想要的@H_673_7@
只使用Google Maps API和服务,这是尽可能远的.如果这些选项仍然不适合您,则需要将地图与来自第三方的流量数据进行混合.@H_673_7@
希望这可以帮助！@H_673_7@
以上是大佬教程为你收集整理的javascript – 如何在Google maps API中显示路线折线顶部的流量图层全部内容，希望文章能够帮你解决javascript – 如何在Google maps API中显示路线折线顶部的流量图层所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。