Google方向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