4

我需要能够像嵌入的谷歌地图一样将文本放在我的折线中，正如您从下面的屏幕截图中看到的那样......

谷歌地图截图

现在我查看了PolylineOptionsAPI 参考，Polyline但我看不到任何实现这一目标的要点。我真的希望这是可能的，我不必一起破解一些东西。

4

3 回答 3

2

这是一篇值得一看的文章，描述了如何向折线添加标签：

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

于 2014-03-07T01:47:43.063 回答
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);

我能够使我的地图看起来像： 在此处输入图像描述

于 2017-09-21T10:54:03.357 回答
0

Google Maps Javascript API v3（当前）不支持向折线添加文本。您将需要创建自己的自定义叠加层来实现它。（我怀疑您是否可以轻松地使文本沿曲线“跟随”折线）

于 2013-09-17T14:23:59.587 回答