样式化 Google Map API 的折线答案

【问题标题】：Styling Google Map API's Polylines样式化 Google Map API 的折线
【发布时间】：2011-10-18 10:53:38
【问题描述】：

我正在使用 google map api，想知道是否有创建折线的虚线或点划线的方法。是否还有一种简单的方法可以在两个目的地之间创建一条曲线而不是一条直线：我目前拥有的代码绘制了一条灰直线，

polyline = new google.maps.Polyline( { path: route, strokeColor: "#7d7d7d", strokeOpacity: 0.6, strokeWeight: 5 } );
                    polyline.setMap( map );

任何建议或帮助将不胜感激，谢谢。

【问题讨论】：

标签： javascript css google-maps

【解决方案1】：

什么样的曲线？您可以将geodesic: true 添加到您的折线选项中，这将绘制显示两点之间最短距离的曲线（考虑到地球的曲率），但它们只有在缩小到足够远且线介于两者之间时才会真正引人注目两个相距很远的经度。

【讨论】：

这听起来很有希望我会试试这个谢谢，现在对我来说更重要的是得到一条虚线而不是实线，有什么选择吗？
谢谢你，是的，这创造了一条完美的曲线，非常棒，但是在虚线上仍然没有运气
不，这是一个已经被请求的功能，您可以投票支持：code.google.com/p/gmaps-api-issues/issues/detail?id=1800
嗨，这条折线对我来说在单击按钮后工作正常，但现在它突然消失了！我还没有对折线做任何代码，我想知道它是否必须有一个 zIndex 或者它可以在地图下？或者你必须有一个事件监听器？我真的很困惑它去了哪里或发生了什么？
如果您使用的是最新版本的 API (3.7)，他们可能已经更改了一些影响它的内容。尝试在 URL 中设置 v=3.6 参数以使用最新的稳定版本：code.google.com/apis/maps/documentation/javascript/…

【解决方案2】：

看看我的谷歌地图曲线的免费插件，我是非常基本的解决方案，但它可以完成工作： http://curved_lines.overfx.net/

【讨论】：