Google 方向 api 概述折线不起作用

Google directions api overview polyline not working

我正在尝试在 google 地图静态地图上显示来自 google 地图方向 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,它会自动在末尾添加一个“@”字符。生成的折线将显示在静态地图上,但它与方向不匹配。

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

我从 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