问题标签 [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.
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) 仅适用于这部分折线(不适用于所有折线)
android - Android GoogleMap通过一种已知方式画线
我正在使用 Google Map Api V2,我可以在两点之间标记或画一条线。但我尝试在公共汽车的路线上画一条线。所以公共汽车的路线、方式、停靠点......等都是已知的.首先,我试图找到路线的所有LatLong值并将其绘制为折线,但我想这是在浪费时间。所以我想在不找出公共汽车路线的所有LatLong点的情况下画线。有没有方法 ?
谢谢您的帮助..
javascript - 多条谷歌地图折线和信息窗口
尝试将多个信息窗口添加到多段线时,信息窗口不显示。
已经用同样的问题尝试过这个线程: Multiple polylines and infowindows with Google Maps V3
如您所见,我尝试在给定答案中使用建议的功能,但仍然无法正常工作。
这是我的代码:
这是jsfiddle链接:http: //jsfiddle.net/cnwMG/7/
非常感谢在折线上显示信息窗口的任何帮助。
javascript - JS:如何制作动态的谷歌地图折线?
我正在制作一个需要显示的谷歌地图:KML(平面图)一条折线,它应该从 GET 响应中获取其坐标,每 5 秒。我希望折线使用来自 RESTful API 的新坐标进行自我更新。这是代码[更新]:
但我什么也没发生。而且我也没有错误。有人可以帮我吗?谢谢..
google-maps - setMap 和 setPath 有什么区别?
我是首发。
看这个:
这段代码为我画了一条折线。但据我所知,我们必须通过 setMap(map) 来绘制。那么 setMap 和 setPath 有什么区别呢?谢谢你。
arrays - 在谷歌地图上的数组中的命名条目之间画线
我是一个 javascript 菜鸟,所以请帮帮我!
我做了一个包含几个城市的数组:
我希望能够按名称选择两个或更多城市并在它们之间画一条线。
我找到了这段代码:
如何修改它以便我可以从数组中选择一两个城市,并使用城市名称作为参考?
javascript - 谷歌地图清除所有标记和折线
我有一个在地图上设置路线的函数,该函数创建从起点到终点的折线。一旦绘制了多段线,我就会沿着这些路径为标记设置动画。
当标记沿多段线动画并到达其目的地时,我想清除地图上的所有叠加层。
这是我到目前为止所拥有的链接。
如何实现?
代码
google-maps - 绘制多边形时,Google Maps API v3 在撤消按钮旁边添加了另一个按钮
我正在使用 Google Maps API v3。编辑多边形时,更新的顶点旁边会出现一个“撤消”按钮。
我绝对确定我前段时间看到有人发布了一个 jsfiddle,他在其中演示了如何在此撤消按钮旁边添加另一个按钮,但我在寻找此链接 1 小时时找不到它。它不在geocodezip的网站上,但我找不到它的主题。
有人可以告诉我在哪里可以找到这个实现吗?非常感谢。
javascript - 谷歌地图:实时绘制和更新折线
我真的是 JS 的新手,很抱歉,我没有附加我的代码,因为我所做的一切 - 来自 Google Map Docs 的“helloworld”示例。
那么,有什么问题:我想根据用户的当前位置绘制一条折线。所以,每一个google.maps.LatLng()都应该有坐标。在地图上应该出现整个更新方式,例如每 5 秒一次。最后一点,它就像一个早晨在地图上行走的可视化,类似的东西。
我知道,如何“绘制”地图并在var flightPlanCoordinates[]中添加点,我要求提供一些示例或链接,我可以在其中找到:
- 如何将当前位置添加到var flightPlanCoordinates[]
- 如何让所有这些东西在“实时”模式下更新
谢谢你的帮助 :)
升级版:
试图做这样的事情,但不起作用
UPD2:这是一个很酷的例子,应该是http://kasheftin.github.io/gmaps/
javascript - insertAt() 引发 InvalidValueError
我有一个谷歌地图折线,当点击它时,会在点击的地方添加一个点。找到要添加的索引后,我插入点:
path.insertAt(minIndex+1,event.latLng);
这引发了错误:
“未捕获的 InvalidValueError:在属性路径中:少于 2 个 LatLngs”
知道这是从哪里来的或如何避免吗?在我一直在尝试的示例中,path
来自并有 13 分。是从鼠标单击事件传递的path=polyObj.getPath()
。event
注释掉这一行会删除任何错误,因此其余代码工作正常。