谷歌地图折线重叠困境

时间:2011-03-04 13:32:52

标签: javascript jquery maps

只是想知道是否有人对这种情况有任何意见。我试图将网站的一部分放在一起使用谷歌地图v3,允许不同(我们称之为简单的路线)在地图上显示不同的东西的路线。这些路线通常会在相同的道路上停留一段时间,然后分开并做自己的事情。

我的问题是,你们对于制作它的最佳方法有任何反馈,以便我可以看到所有重叠的路线颜色吗?

我的想法是:

虚线重叠时:无法弄清楚如何使线条点缀......更不用说,如果有3条路线重叠怎么办?那么它是否必须有更宽的点才能让你看到它们?

并排:似乎是唯一真正做到这一点的方法(希望我错了),但问题是当你缩小时,一条路线总是与另一条路线重叠。

一个比另一个宽:这看起来像是一个圆形的方式,当它们没有重叠时也看起来很奇怪。因为你有一条非常肥胖的路线和另一条瘦的一两条......

任何想法或反馈都会很棒!

提前致谢。

2 个答案:

答案 0 :(得分:1)

如果您知道或可以检测到哪些路段重叠,您可以绘制一次重叠的部分 - 并作为虚线吗?

为了帮助用户可视化整个单一路线,您可以检测用户的鼠标悬停在路线的实体部分上的时间,然后使整个路线保持稳定。

不确定在Google Maps API中实现这些想法的可能性(因为我很长时间没有看过),但它们可能会给你一些思考。实际上,这与maps.google.com

上的“替代路线”功能类似

如果您转到this example,左侧会有一些建议的路线 - 将鼠标悬停在其中任何一条路线上都会修改路线的显示方式。

答案 1 :(得分:0)

是的,您可以设置每搏输出重量和颜色。您需要设置第一线重量多于重叠线和不同颜色,如果您的折线可以移动,那么您可以在折线选项中附加“editable:true”,这样您可以通过移动线分别看到所有线但我认为首先一个比第二种方式更好。你将使用更好的结果线颜色和它的重量选项。我也解决了这个问题。祝你好运