Question

我希望折线从当前位置（alpha = 1.0）淡出到起始位置（alpha = 0.0）。以这种方式，给这样一条线提供某种视觉年表。

经过一些谷歌搜索，我得出结论，目前折线上的渐变不是地图的一部分。功能集。

我在这个结论中是对的。我希望不会，因为我即将
绘制复杂的折线，尽可能多的单线，每条线都有不断增加的不透明度。问题：当我的折线由数百个点组成时，这是否会炸毁浏览器？

提前致谢..

Answer 1

所以，这里的内容不仅仅是评论，所以我将其作为答案发布，意识到这可能不是答案，我不希望任何人这样做：

所以，不要像这样绘制折线：

line = new google.maps.Polyline({
                                path: path,
                                map: map
                          });

我想出了这个：

function multiMonolines (path) {
    var totalPoints =path.length;
     for(var i = 0;  i < (path.length-1);  ++i){
        var startingPoint =path[i];
        var endingPoint=path[i+1];
        var shortPath=new Array(startingPoint,endingPoint);
        line = new google.maps.Polyline({
                            path: shortPath,

                       ---and here I do some stuff with opacity---

                            map: map
                      });
                    };
                };

我的发现是，地图绘制得足够快。（有381'多单词'）。但是：在Safari中放大地图会挂起网页。 Chrome更容易实现。

我意识到绘制380行是相当昂贵的事情，所以我想我将不得不恢复到折线，希望有人已经想出如何做一个渐变折线。或直到Apple更优化其js渲染引擎。

谷歌映射渐变折线：需要一个黑客？

1 个答案: