Polyline Google Maps V3中的文字

Question

我需要能够像嵌入式Google地图一样在我的折线中放置文字，如下面的屏幕截图所示......

现在我查看了PolylineOptions API参考和Polyline，但我看不出有什么要点实现这一点。我真的希望这是可能的，我不会在一起破解。

Answer 1

这是一篇值得关注的文章，描述如何为折线添加标签：

http://duncan99.wordpress.com/2013/02/28/google-maps-api-polylines-and-events/

Answer 2

我昨天评论过询问是否有任何当前的方法可以在折线内添加文字。我知道这个问题已经解决，但我能看到的最后一项活动是在2014年。 我在github https://github.com/googlemaps/js-map-label

中遇到了这个库

它允许用户在地图上叠加文本（参见示例文件夹）：

    var mapLabel = new MapLabel({
        text: 'Route name',
        position: pointCoordinate,
        map: map,
        fontSize: 12,
        align: 'left',
    });

注意，他们在“onAdd”方法中的源代码将窗格应用于地图级别，这意味着文本将位于折线下方。因此，我将其添加到floatShadow窗格中：

panes.floatShadow.appendChild(canvas);

而不是：

panes.mapPane.appendChild(canvas);

我能够使我的地图看起来像：

Answer 3

Google Maps Javascript API v3（目前）不支持向折线添加文字。您需要创建自己的custom overlays来实现它。 （我怀疑你可以制作文字＆＃34;跟随＆＃34;曲线上的折线很容易）