问题标签 [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 投票
2 回答
5749 浏览

jquery - 遍历 JSON 文件以显示多条折线

我正在尝试使用从外部 JSON 资源中提取的多条折线来渲染地图。每个 JSON 记录都有许多描述性字段以及一个包含 LatLngs 数组的字段。该代码似乎可以很好地获取 JSON 数据并对其进行适当的解析。然后我遍历每条记录映射一条折线,但由于某种原因我无法让它显示在地图上。这是我第一次使用 Google Maps API。我可能在做一些愚蠢的事情,但是在我能找到的尽可能多的例子中,找不到任何明显的错误。收到所有建议。

显示折线的代码的基础取自以下示例:http ://code.google.com/intl/no/apis/maps/documentation/javascript/examples/polyline-simple.html

0 投票
1 回答
214 浏览

php - 折线误差线

大家好,我有一个谷歌地图,坐标是通过解析 XML 数据提取的。该脚本基于我正在使用 Google Maps V3 的 econym 网站。现在问题是我能够正确显示标记,但折线不是一条线,而是从一个标记到另一个标记,所以它看起来像一个不应该发生的多边形。

你介意看看吗?谢谢!

0 投票
1 回答
2791 浏览

javascript - 连接 Google Maps API V3 中每个点的可编辑折线

我正在尝试使用 Google Maps API V3 绘制连接我单击的所有点的可编辑折线。

例如,单击地图上的 4 个不同点后,应该有 6 条线连接所有 4 个点,同时使这些线可编辑。

我找到了这个例子(http://www.ekelschot.eu/demo/maps/enableEditing.html),它确实创建了可编辑的行,但如果是 4 点,则只有 3 行。

请问我能得到一些关于如何做到这一点的帮助吗?我对javascript很陌生,请原谅我对此事的无知。

谢谢你。

上面示例的代码:http: //snipplr.com/view/38270/google-maps-api-v3--enableediting-polylines/

0 投票
13 回答
50062 浏览

iphone - 如何在 iPhone 的 Objective-C 中将 Google Directions API 折线字段解码为纬度长点?

我想在地图上绘制路线,对应于我通过 Google 路线 API 获得的路线 JSON:https ://developers.google.com/maps/documentation/directions/start

我已经想出了如何从 step 字段中提取纬度和经度,但这并不能很好地遵循弯曲的道路。我想我需要的是解码折线信息,我找到了谷歌关于如何编码折线的说明:https ://developers.google.com/maps/documentation/utilities/polylinealgorithm

我确实在此处找到了一些适用于 Android 的代码以及用于解码折线的 Javascript,例如:

地图视图绘制方向使用谷歌方向 API - 解码折线

android获取和解析谷歌路线

但是我找不到相同的 Objective-C iPhone 代码,有人可以帮我吗?我敢肯定,如果必须,我可以自己做,但如果它已经在某个地方可用,它肯定会为我节省一些时间。

编辑:这里的关键是能够逐个字符地解码 base64 编码。更具体地说,我在 Google 的 JSON 中得到了类似的东西,它是使用 base64 编码进行编码的:

注意:我应该提到这个问题是指 Google Maps API v1,在 v2 中使用 GMSPolyLine polyLineWithPath 更容易做到这一点,因为下面的许多答案会告诉你(感谢@cdescous)。

0 投票
4 回答
9701 浏览

google-maps - 将多条编码折线合并为一条编码折线

我正在尝试将新的编码折线与现有的折线合并,而不对整个折线进行解码和重新编码。新编码的折线将上传到(linux)服务器,我想将它附加到现有的折线。

问题是,你不能把它们混在一起。下面是一些可供使用的示例数据。我希望在 PHP 或 shell 脚本中找到/创建解决方案,但问题是,我没有足够的技术理解来解释编码的折线算法。

  • 编码的前 3 个坐标对:yir{Fnwm_MimFquRuTanK
  • 最后3:s`z{Fbpb~L{qGg`FkrDkjK
  • 全部 6 个:yir{Fnwm_MimFquRuTanKdLw`J{qGg`FkrDkjK

交互式折线编码器实用程序
编码折线算法格式(您可以通过交互式编码器获得此格式)
折线编码器

编辑:

我也有编码两端折线的原始数据。所以我也可以分别保存第一个和最后一个坐标对。

有用的读物​​:

我最终写了一篇博客文章,其中详细介绍了编码折线的工作原理。你可以在这里阅读:什么是编码折线?

0 投票
1 回答
696 浏览

json - goMap jquery 插件。创建一条包含在 JSON 文件中的坐标的折线

下午好,我试图从数组中传递 2 条单独折线的坐标,到目前为止,数组是从 JSON 文件中保存的坐标填充的,只是我似乎无法使用该数组来实际填充折线坐标,它根本没有出现在地图上 - 控制台中没有发现错误。

我是新手,所以请保持温柔,昨晚是一个非常晚的夜晚,试图让这件事发挥作用。我使用最新版本的 goMap jquery 插件,我开始接近插件的限制,但知道我缺乏技能,这是在黑暗中刺伤?

非常感谢任何指导。谢谢。

ps 我打算为每条折线使用 JSON 文件中的其他属性、颜色、id 等,但是首先我需要通过这个阶段:)

相关JSON文件内容如下:

脚本的相关方面:

0 投票
1 回答
396 浏览

google-maps - 合并编码折线时计算级别的值

这是将多条编码折线合并为一条编码折线的后续问题。

因此,通过最后一个问题/帖子,我能够找出如何加入折线,但是,现在我需要弄清楚如何为关卡做同样的事情。使用与以前相同的示例:

前 3 个级别:PIP

第二个 3 级:PIP

所有 6 个级别:PIGJIP

这些是如何计算的?有什么方法可以在不重新编码整个折线的情况下计算/合并这些?

0 投票
1 回答
642 浏览

google-maps - 如何使用谷歌地图 api v3 在地图中使用分离的编码折线

任何人都知道为什么,与版本 v2 相比,在谷歌地图 api 的 v3 中,在单个地图中使用多条编码折线,我将它们视为唯一(连接)路径?

正如你在这里看到的http://www.campiscout.com/index.php?option=com_wrapper&view=wrapper&Itemid=37 在 v2 我能够将它们完全分开。

我的 v3 版本测试网站在这里:http ://www.zupa.it/joomla25/hike-route-trekking

编码路径存储在 mysql 数据库中,并通过 xml 传递给映射

我的问题有解决方案吗?这是一个错误还是我犯了一些错误或忘记了什么?

在网上粘贴了几周寻找解决方案后,我将不胜感激。

提前致谢。

B.

0 投票
2 回答
2064 浏览

google-maps - 谷歌地图可拖动折线

我有一张地图,上面有一些距离 [api v3] 的折线。我希望当有人同时拖动折线时,距离也会更新但不知道该怎么做。请帮助我,欢迎任何好的教程或其他线程

谢谢你帮助我

纳文

0 投票
1 回答
2112 浏览

google-maps - jquery-ui-map 用折线拟合边界?

我正在使用 jQuery Mobile 开发移动应用程序。我还使用插件“jquery-ui-map”来制作我的地图(仅使用带有 jQ​​M 的 GMap 有助于解决显示问题)。

我可以在地图上添加折线并且效果很好。但是当我尝试使用 fitBounds 方法时,它不起作用。事实上,它缩小了很多。但不在我的范围内。

这是我的代码:

除了最后一行之外,此代码段中的所有内容似乎都运行良好。

有任何想法吗 ?