问题标签 [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.
jquery - 遍历 JSON 文件以显示多条折线
我正在尝试使用从外部 JSON 资源中提取的多条折线来渲染地图。每个 JSON 记录都有许多描述性字段以及一个包含 LatLngs 数组的字段。该代码似乎可以很好地获取 JSON 数据并对其进行适当的解析。然后我遍历每条记录映射一条折线,但由于某种原因我无法让它显示在地图上。这是我第一次使用 Google Maps API。我可能在做一些愚蠢的事情,但是在我能找到的尽可能多的例子中,找不到任何明显的错误。收到所有建议。
显示折线的代码的基础取自以下示例:http ://code.google.com/intl/no/apis/maps/documentation/javascript/examples/polyline-simple.html
php - 折线误差线
大家好,我有一个谷歌地图,坐标是通过解析 XML 数据提取的。该脚本基于我正在使用 Google Maps V3 的 econym 网站。现在问题是我能够正确显示标记,但折线不是一条线,而是从一个标记到另一个标记,所以它看起来像一个不应该发生的多边形。
你介意看看吗?谢谢!
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/
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,例如:
但是我找不到相同的 Objective-C iPhone 代码,有人可以帮我吗?我敢肯定,如果必须,我可以自己做,但如果它已经在某个地方可用,它肯定会为我节省一些时间。
编辑:这里的关键是能够逐个字符地解码 base64 编码。更具体地说,我在 Google 的 JSON 中得到了类似的东西,它是使用 base64 编码进行编码的:
注意:我应该提到这个问题是指 Google Maps API v1,在 v2 中使用 GMSPolyLine polyLineWithPath 更容易做到这一点,因为下面的许多答案会告诉你(感谢@cdescous)。
google-maps - 将多条编码折线合并为一条编码折线
我正在尝试将新的编码折线与现有的折线合并,而不对整个折线进行解码和重新编码。新编码的折线将上传到(linux)服务器,我想将它附加到现有的折线。
问题是,你不能把它们混在一起。下面是一些可供使用的示例数据。我希望在 PHP 或 shell 脚本中找到/创建解决方案,但问题是,我没有足够的技术理解来解释编码的折线算法。
- 编码的前 3 个坐标对:
yir{Fnwm_MimFquRuTanK
- 最后3:
s`z{Fbpb~L{qGg`FkrDkjK
- 全部 6 个:
yir{Fnwm_MimFquRuTanKdLw`J{qGg`FkrDkjK
交互式折线编码器实用程序
编码折线算法格式(您可以通过交互式编码器获得此格式)
折线编码器
编辑:
我也有编码两端折线的原始数据。所以我也可以分别保存第一个和最后一个坐标对。
有用的读物:
我最终写了一篇博客文章,其中详细介绍了编码折线的工作原理。你可以在这里阅读:什么是编码折线?
json - goMap jquery 插件。创建一条包含在 JSON 文件中的坐标的折线
下午好,我试图从数组中传递 2 条单独折线的坐标,到目前为止,数组是从 JSON 文件中保存的坐标填充的,只是我似乎无法使用该数组来实际填充折线坐标,它根本没有出现在地图上 - 控制台中没有发现错误。
我是新手,所以请保持温柔,昨晚是一个非常晚的夜晚,试图让这件事发挥作用。我使用最新版本的 goMap jquery 插件,我开始接近插件的限制,但知道我缺乏技能,这是在黑暗中刺伤?
非常感谢任何指导。谢谢。
ps 我打算为每条折线使用 JSON 文件中的其他属性、颜色、id 等,但是首先我需要通过这个阶段:)
相关JSON文件内容如下:
脚本的相关方面:
google-maps - 合并编码折线时计算级别的值
这是将多条编码折线合并为一条编码折线的后续问题。
因此,通过最后一个问题/帖子,我能够找出如何加入折线,但是,现在我需要弄清楚如何为关卡做同样的事情。使用与以前相同的示例:
前 3 个级别:PIP
第二个 3 级:PIP
所有 6 个级别:PIGJIP
这些是如何计算的?有什么方法可以在不重新编码整个折线的情况下计算/合并这些?
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.
google-maps - 谷歌地图可拖动折线
我有一张地图,上面有一些距离 [api v3] 的折线。我希望当有人同时拖动折线时,距离也会更新但不知道该怎么做。请帮助我,欢迎任何好的教程或其他线程
谢谢你帮助我
纳文
google-maps - jquery-ui-map 用折线拟合边界?
我正在使用 jQuery Mobile 开发移动应用程序。我还使用插件“jquery-ui-map”来制作我的地图(仅使用带有 jQM 的 GMap 有助于解决显示问题)。
我可以在地图上添加折线并且效果很好。但是当我尝试使用 fitBounds 方法时,它不起作用。事实上,它缩小了很多。但不在我的范围内。
这是我的代码:
除了最后一行之外,此代码段中的所有内容似乎都运行良好。
有任何想法吗 ?