0

我在谷歌地图 api v3 方向服务上绘制了两条折线。

我的问题是它们在地图的一部分重叠的地方,一个覆盖了其他的。我想一共画6条线,它们是我所在城市的公交线路。所有路线都返回城市的同一区域,但很难将它们区分开来。

有没有办法稍微偏移每一行?

function busRoute2(source,destination){
        // show route between the points
        directionsService = new google.maps.DirectionsService();
        directionsDisplay = new google.maps.DirectionsRenderer(
        {
            suppressMarkers: true,
            suppressInfoWindows: true,
            polylineOptions: { strokeColor: '#000000', strokeOpacity: 0.5 } 
        });
        directionsDisplay.setMap(map);
        var request = {
            origin:source, 
            destination:destination,
            travelMode: google.maps.DirectionsTravelMode.DRIVING
        };
        directionsService.route(request, function(response, status) 
        {
            if (status == google.maps.DirectionsStatus.OK) 
            {
                directionsDisplay.setDirections(response);

            }
        });

}
4

2 回答 2

0

忘记我的建议。我试图创建一个重复图标(2 像素点),每从折线偏移 4 个像素重复一次。它看起来非常恶心并且落后于浏览器。

我将不得不创建一个函数,在加载时根据角度 dLat、dLng 和缩放比例编辑折线的坐标。

因为您希望您的标记(站点、公共汽车)和线路位于道路的一侧,朝一个方向行驶,而在相反的一侧返回。您也不想掩盖地图上的道路名称

如果有人想帮助我,请发送电子邮件至huntington@beachincalifornia.com

于 2012-08-07T01:31:31.803 回答
0

这是工作代码(非常基本)折线偏移贴图动画注意:图标“偏移”属性是图标沿线的偏移百分比。您需要操作图标(在您的情况下为线)本身的相对“路径”坐标(SVG 格式),以便将其从线偏移

于 2012-08-06T07:27:24.937 回答