Javascript 谷歌静态地图，绘制自定义路线方向

我有一个React应用程序，它对Google静态地图服务进行API调用，以获取地图

我想知道是否有可能在两个地理位置之间画一条自定义方向线。目前，我正在画这条线，但它看起来。。。丑陋的：

我想要的是一条带平面图标的曲线，就像这样：

---

有可能吗？

谷歌静态地图API允许绘制测地线

测地线：（可选）表示请求的路径应解释为沿着地球曲率的测地线。如果为false，则路径在屏幕空间中渲染为直线。默认为false

将此选项添加到路径参数。此外，还可以添加与测地线路径重叠的自定义平面图标

比如说,

https://maps.googleapis.com/maps/api/staticmap?size=600x400&path=weight%3A5%7Ccolor%3A0x111111%7Cgeodesic%3Atrue%7CAmsterdam%7CTashkent&markers=icon%3Ahttps%3A%2F%2Fcdn0.iconfinder.com%2Fdata%2Ficons%2Fshopping-and-e-commerce-2%2F400%2FCargo\u plane\u icon-64.png%7C47.557774%2C43.044347&key=您的API\u key

运行以下代码段以查看它的运行情况

---

谷歌静态地图API允许绘制测地线

测地线：（可选）表示请求的路径应解释为沿着地球曲率的测地线。如果为false，则路径在屏幕空间中渲染为直线。默认为false

将此选项添加到路径参数。此外，还可以添加与测地线路径重叠的自定义平面图标

比如说,

https://maps.googleapis.com/maps/api/staticmap?size=600x400&path=weight%3A5%7Ccolor%3A0x111111%7Cgeodesic%3Atrue%7CAmsterdam%7CTashkent&markers=icon%3Ahttps%3A%2F%2Fcdn0.iconfinder.com%2Fdata%2Ficons%2Fshopping-and-e-commerce-2%2F400%2FCargo\u plane\u icon-64.png%7C47.557774%2C43.044347&key=您的API\u key

运行以下代码段以查看它的运行情况

---

您是如何将png的url与所有%2F等进行转换的？文档中描述了这一点：“使用URL（应该是URL编码的）指定图标。您可以使用URL缩短服务创建的URL，例如。大多数URL缩短服务具有自动编码URL的优点”。只需应用URL编码。您是如何将png的url与所有%2F等进行转换的？文档中描述了这一点：“使用URL（应该是URL编码的）指定图标。您可以使用URL缩短服务创建的URL，例如。大多数URL缩短服务具有自动编码URL的优点”。只需应用URL编码。