Google地图API的折线样式化

Question

我正在使用Google地图API，想知道有没有办法创建虚线或点状的折线。是否有一种简单的方法可以在两个目的地之间创建弯曲的线路而不是直线？我目前的代码绘制了一条直灰线。

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

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

- Louise McComiskey

Answer 1

看看我为Google地图开发的免费曲线插件，它是一种基本解决方案，但可以完成工作：http://curved_lines.overfx.net/

- Daniel Nanovski

Answer 2

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

- duncan

---

这听起来很有前途，我会试一下，谢谢。对我来说现在更重要的是获得虚线而不是实线，有没有任何选项可以做到这一点？ - Louise McComiskey

谢谢，是的，这创建了一个完美的曲线，非常棒，但是在虚线描边上仍然没有成功。 - Louise McComiskey

不，这是一个已经被请求的功能，您可以投票支持：http://code.google.com/p/gmaps-api-issues/issues/detail?id=1800 - duncan

嗨，这个折线在我点击按钮后一直很好用，但现在它突然消失了！我没有更改任何与折线有关的代码，我想知道它是否必须具有zIndex或者可能在地图下面？或者你必须有一个事件监听器吗？我真的很困惑它去了哪里或发生了什么事情？ - Louise McComiskey

如果您正在使用最新版本的API（3.7），可能会影响到它们的某些更改。尝试在URL中设置v = 3.6参数以使用最后一个稳定版本：http://code.google.com/apis/maps/documentation/javascript/basics.html#Versioning - duncan