问题标签 [google-polyline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
261 浏览

javascript - 在折线上发生 mouse_over 事件时定义最近的标记(上一个和下一个)

我有一条由 10 个标记组成的折线。当 mouse_over 或 mouse_click 事件发生在折线的某些部分时,有没有办法定义最近的标记(上一个和下一个)?

例如,我点击了折线的 1 部分。这部分折线位于 2 个标记之间。我需要用他们的 LatLng 位置搜索 2 个标记。

任何建议将不胜感激。谢谢。

Update1 这是片段 1(从数据库(来自服务器的 API)获取每个标记的 latlng):

和snippet2(填充标记数组并绘制折线):

老实说,我需要接下来的四件事:
1. 将鼠标悬停在折线上
2. 在折线 mouse_over 事件发生之间定义上一个/下一个标记
3. 从这些标记中获取 marker.timestamp 值
4. 绘制方向(如 google.maps. SymbolPath.FORWARD_OPEN_ARROW) 仅适用于这部分折线(不适用于所有折线)

0 投票
1 回答
650 浏览

android - Android GoogleMap通过一种已知方式画线

我正在使用 Google Map Api V2,我可以在两点之间标记或画一条线。但我尝试在公共汽车的路线上画一条线。所以公共汽车的路线、方式、停靠点......等都是已知的.首先,我试图找到路线的所有LatLong值并将其绘制为折线,但我想这是在浪费时间。所以我想在不找出公共汽车路线的所有LatLong点的情况下画线。有没有方法 ?

谢谢您的帮助..

0 投票
1 回答
5633 浏览

javascript - 多条谷歌地图折线和信息窗口

尝试将多个信息窗口添加到多段线时,信息窗口不显示。

已经用同样的问题尝试过这个线程: Multiple polylines and infowindows with Google Maps V3

如您所见,我尝试在给定答案中使用建议的功能,但仍然无法正常工作。

这是我的代码:

这是jsfiddle链接:http: //jsfiddle.net/cnwMG/7/

非常感谢在折线上显示信息窗口的任何帮助。

0 投票
1 回答
574 浏览

javascript - JS:如何制作动态的谷歌地图折线?

我正在制作一个需要显示的谷歌地图:KML(平面图)一条折线,它应该从 GET 响应中获取其坐标,每 5 秒。我希望折线使用来自 RESTful API 的新坐标进行自我更新。这是代码[更新]:

但我什么也没发生。而且我也没有错误。有人可以帮我吗?谢谢..

0 投票
0 回答
364 浏览

google-maps - setMap 和 setPath 有什么区别?

我是首发。

看这个:

这段代码为我画了一条折线。但据我所知,我们必须通过 setMap(map) 来绘制。那么 setMap 和 setPath 有什么区别呢?谢谢你。

0 投票
1 回答
652 浏览

arrays - 在谷歌地图上的数组中的命名条目之间画线

我是一个 javascript 菜鸟,所以请帮帮我!

我做了一个包含几个城市的数组:

我希望能够按名称选择两个或更多城市并在它们之间画一条线。

我找到了这段代码:

如何修改它以便我可以从数组中选择一两个城市,并使用城市名称作为参考?

0 投票
1 回答
2394 浏览

javascript - 谷歌地图清除所有标记和折线

我有一个在地图上设置路线的函数,该函数创建从起点到终点的折线。一旦绘制了多段线,我就会沿着这些路径为标记设置动画。

当标记沿多段线动画并到达其目的地时,我想清除地图上的所有叠加层。

这是我到目前为止所拥有的链接。

如何实现?

代码

0 投票
1 回答
1955 浏览

google-maps - 绘制多边形时,Google Maps API v3 在撤消按钮旁边添加了另一个按钮

我正在使用 Google Maps API v3。编辑多边形时,更新的顶点旁边会出现一个“撤消”按钮。

我绝对确定我前段时间看到有人发布了一个 jsfiddle,他在其中演示了如何在此撤消按钮旁边添加另一个按钮,但我在寻找此链接 1 小时时找不到它。它不在geocodezip的网站上,但我找不到它的主题。

有人可以告诉我在哪里可以找到这个实现吗?非常感谢。

0 投票
3 回答
20449 浏览

javascript - 谷歌地图:实时绘制和更新折线

我真的是 JS 的新手,很抱歉,我没有附加我的代码,因为我所做的一切 - 来自 Google Map Docs 的“helloworld”示例。

那么,有什么问题:我想根据用户的当前位置绘制一条折线。所以,每一个google.maps.LatLng()都应该有坐标。在地图上应该出现整个更新方式,例如每 5 秒一次。最后一点,它就像一个早晨在地图上行走的可视化,类似的东西。

我知道,如何“绘制”地图并在var flightPlanCoordinates[]中添加点,我要求提供一些示例或链接,我可以在其中找到:

  • 如何将当前位置添加到var flightPlanCoordinates[]
  • 如何让所有这些东西在“实时”模式下更新

谢谢你的帮助 :)

升级版:

试图做这样的事情,但不起作用

UPD2:这是一个很酷的例子,应该是http://kasheftin.github.io/gmaps/

0 投票
0 回答
159 浏览

javascript - insertAt() 引发 InvalidValueError

我有一个谷歌地图折线,当点击它时,会在点击的地方添加一个点。找到要添加的索引后,我插入点:

path.insertAt(minIndex+1,event.latLng);

这引发了错误:

“未捕获的 InvalidValueError:在属性路径中:少于 2 个 LatLngs”

知道这是从哪里来的或如何避免吗?在我一直在尝试的示例中,path来自并有 13 分。是从鼠标单击事件传递的path=polyObj.getPath()event注释掉这一行会删除任何错误,因此其余代码工作正常。