谷歌方向api概述折线不起作用

Question

我正在尝试在谷歌地图静态地图上显示来自谷歌地图方向 API 的路径。路线 API 调用的 url 如下所示：

https://maps.googleapis.com/maps/api/directions/json?origin=lübeck&destination=hamburg&key=MY_API_KEY

我得到一个包含所有信息的有效 json 响应。然后，我想使用此 api 调用在静态地图上显示路径概览的编码折线：

https://maps.googleapis.com/maps/api/staticmap?sensor=false&size=860x600&path=enc:THE_ENCODED_POLYLINE

静态地图不会显示路径。我怀疑方向 api 返回的编码折线格式不正确或不完整。如果将返回的编码折线输入Googles Interactive Polyline Decoder，它会自动在末尾添加一个“@”字符。生成的折线将显示在静态地图上，但与方向不匹配。

我在不同城市之间的路径上做了准确的工作流程，完全没有问题。有没有人知道这个例子有什么问题。

Answer 1

我从that directions 响应中得到的编码“overview_polyline”：

orwgI}ef`AiDyA{EiCkCoBgCqAeE_CgAc@cBUaBKi@QDLBd@Al@DnBHf@zBbAtCz@t@f@D~DAtCG~NChJEvHZAlAGlCo@nDs@bCYx@IhA[@^?x@?\\k@|BJfK`@dIWvDg@fBu@|@kB`BiIxK{BjDkDvHwBlDaCtCmNxLsFhFiBmFoCeIIaCS}@k@M[\\Ov@m@pA{CbCiFrE_CrCeD|GyA|E{@hCWL}@[iCmB[k@Q{@?aAPw@Zi@d@Mj@Nh@TzIpJtG`KpGrLLRbBpDnFvOpLz^lBdGvK~\\|Pfi@bUrs@vZxdAnJr[rK~Zjc@lnApeApxCpNh^|Ox_@rT`i@`JfWxGxT|EnRxOzp@hHl[nDrUpBxT|@nUX~d@v@|zBN|Lh@lQpBd[jB|PnAzIhDhRtCfMbExN~HhTpDbInEpIdNhTxTh\\~FxKbGpNtNr]jGpOfu@fjBpIxQvHrLtSrYhYha@vPfVnFtIvDhIzTjg@fFjLdJjSp[|r@r@pAhElHhFjHtHzJxGzI|Wr]bOxRjSrWnF|F`GpFrRlP~]nZj]vYveAl}@|j@te@dFhEpD`CjKtFbP~HdZ|NpYjNt_@lRj_@zUn~@fk@~{@zi@xmAhv@lFnD`FfEtF`GlE~F`Yta@tNzStClExD`HlDhIhBpFzBhIxDpRrDpSbGb\\`DbNdCzHxDhJvFfKlS`]hd@fv@fQ~Y|GzKpClDzGvG~AhApHhEzHdCr@Nfj@lKrXtFpHdClIrE`GnElDfD`NdPtuAfcBbdAvnAhVjZbGrJjGrMpDvJ`GtThE|UvAdMv@fNNrHDrd@PrGfAxK`AtFdBpGbDpIpEjIvGvIjC`C|FlEbFtCvHjDzHlC|JpCpLdDrK|CxHrCjHbDlGhDnOpKvSvPfWbVlHrHtGnHzKvNxKpPrDfGdKrR`GdMjJxT~HhTxGdTnElPnG`WpF`WlDvQrDbTlDbV`CfVf@bLPtLIdN}@hSaE`a@cAjLc@xHi@jX]jg@u@j_A]pRCnMJtIFnG]`Fk@vCw@xBwBfDaHjGuNnMSn@{VfU{XpUiGhE_Cx@aCXmDWoDcAuJwEaFoEgHiGqFiFgL}JwFyDeCwA}D{CcEuCyBmAaAYu@b@q@hBeEnMyAbGuAjIcAnH}AfLmEfRiFrS}A~CyF`F_AlBi@vBgAbIAhCBtEGpTE|@K~@m@Gw@Ds@I_Da@oB@mIxBwClAuA|AqCbEwFpK}BjFSd@ZPh@`@~@dAtL`UtChG`@hBzAFl@w@f@s@R^j@fA`@~@e@`Ac@l@E?

具有双编码反斜杠。要处理静态地图的请求，需要将\\ 转换为\

proof of concept fiddle