从google路线获得的总览路径在静态地图上显示在错误的位置答案

【问题标题】：The overview path obtained from google directions is displayed in the wrong place on static maps从google路线获得的总览路径在静态地图上显示在错误的位置
【发布时间】：2017-03-21 22:24:57
【问题描述】：

我从两点之间的谷歌方向获取概述折线，然后将其作为“enc:”参数传递给静态地图。

图像渲染后，折线会跟随道路的实际形状，但它会移动数百米或一公里。

标记设置为传递给路线 API 的相同坐标，但标记显示正确。

我也尝试将静态地图测地线参数设置为“true”，但遇到了同样的问题。

见：

https://maps.googleapis.com/maps/api/staticmap?markers=color:green%7Clabel:A%7C21.0453333,-86.78226990000002&markers=color:red%7Clabel:B%7C21.038007,-86.869206&size=640x320&path=weight:6%7Ccolor:blue%7Cenc:%7Dkm_CpytpOcJTqBCyDOiAECDCF?H@FjCL%7CBFjEIL[lEQpBCv@?xAHdBN%7C@LBZBf@nBt@%7CDrBzBnAbBz@vAd@nBX~AFpACxACAJtAd@j@%5Ch@h@%5Cr@R%7C@Dv@EdAMf@s@BoCxFaErIoC%7CFOZk@t@]t@]dA[BGv@Ap@HjEHERrJHzCHz@TnA%5CfAn@rAtHjPpAtCv@xBjBnFZp@Vh@b@n@hBnBfB~B%7CLvQ~AxB@d@z@l@v@b@vAd@nCz@Ct@zBr@tAv@t@r@j@z@h@vAPv@F@DhACAKA%7B@nDQf@cJ~_@wKle@kEReDvNiLvf@[pAm@zAu@~Aa@lAIb@QxAQzBMhAm@lCoAnFcAjEGr@C%5EBdAB%5EN~@Vt@Zp@%5Ef@%7C@z@hEpD%7C@z@d@n@%5Ev@Pt@LlAAx@GlA@JC%5ECZKrBUvCUpAa@lAcAhBg@ASXOJEFsAdCe@z@aCpEoBfD%7BCjFw@zAiEnIyFtK%7BOzY%7DFzKGVoCdFYAIb@@j@FT%5Eh@zD~BzDCXD%5CFRCVUh@aAxAwCvBgDJQbC%7DEd@UVIh@IX@%5EOHBZEbAYPSLWn@kA&key=AIzaSyDdFa0XLRwG7iR24xU8849VSpV-iBWY6U0

或

https://maps.googleapis.com/maps/api/staticmap?markers=color:green%7Clabel:A%7C21.038007,-86.869206&markers=color:red%7Clabel:B%7C21.0880741,-86.77087180000001&size=640x320&path=weight:6%7Ccolor:blue%7Cenc:o~k_CpseqOh@iA@@IWg@@YOWCODMNaBtCYJc@F%7BANe@Ag@E%7BBwAyCoBg@O_@o@EMCk@FWRk@nDyG~Sm@r@mABcDbBaDzKsSFY@o@z@aBp@uA%5EwALaAXeFHeAFGFw@AsBIw@Ss@[s@iA%7BAqE%7DDk@c@a@g@i@%7B@Qk@YuAGaA@u@JeAjCcL%7C@sD~@_Cb@aAJYPo@PaAPcCP%7DAP%7B@tGaYfJ%7B@b@cBz@mCxBkGZkAnAiJPeAlAuFxCqMbBoGp@%7DCh@iCd@%7BAd@_AlAkBj@cANg@Hi@d@iDr@_GHuBAw@I%7D@U_Ag@oAu@cA%7D@y@yAq@uA[cJq@oAQkAa@wAkAkTm%5C_CuDcAcBm@iAcB%7DDkG_NsBmEc@cA[kASgAIy@IcCUqIQuJDeBJy@Ny@V%7B@v@iBfA_ChDiHrFoLBaDd@gANy@AaAS%7B@OYa@g@qA%7BAc@[w@Yu@KcABaBNaAB_CMkBYiA_@mDiBmDoBwBeB_Ag@q@_@%7B@OuASmB?iIZ_JZ_GNoC?iHWkPo@%7DI]%7DBQcCG_CCuCa@%7D@QyJgBcASq@Us@[c@e@gBmBwAcBy@m@w@a@sAc@qBa@mB[BI%7B@?y@HoAPsBXcJnAwNtBk@F@?mAWuA_@uDcAcBi@eA_@s@]uDuBcIqEm@c@i@Uw@QsDe@eHyAsLeCcEeAqDk@cO_FoL%7DCaD%7D@oAm@gBm@iAWsAk@?OCe@Li@Pe@d@w@h@y@NU&key=AIzaSyDdFa0XLRwG7iR24xU8849VSpV-iBWY6U0

我正在通过电子邮件发送最终的静态地图 URL。

【问题讨论】：

路线服务中的原始折线是什么样子的（或者您要求获得它的要求是什么）？
@geocodezip maps.googleapis.com/maps/api/directions/…
@geocodezip 适用于两种情况：案例 1：maps.googleapis.com/maps/api/directions/… 案例 2：maps.googleapis.com/maps/api/directions/… 这样你就得到了一个 json，我采用“overview_polyline”->“points”字符串

标签： google-maps google-maps-api-3 google-static-maps google-directions-api

【解决方案1】：

我刚刚想通了。

问题：

从 Google Directions JSON 响应中获得的“overview_polyline”包含许多特殊字符，一旦 URL 通过邮件服务器，这些字符就会被错误地转义。

我在 PHP 中将静态地图 url 与“overview_path”连接起来，所以为了确保所有字符都被很好地转义，我使用了 rawurlencode 函数 (https://stackoverflow.com/a/1734255/7441808) ：

$revert = array('%21'=>'!', '%2A'=>'*', '%27'=>"'", '%28'=>'(', '%29'=>')');
$wellEscapedString = strtr( rawurlencode($original_string), $revert );

现在这条线与道路完美匹配。

【讨论】：