谷歌地图API:B…zier曲线多段线包裹

Google Maps API: Bézier curve polyline wrap

本文关键字：曲线 zier 段线 包裹 #133 API 谷歌地图      更新时间：2023-09-26

通过使用nicoabie提供的Bezier曲线多段线绘制功能，我能够绘制从地图上的一点到另一点的曲线。问题是，该函数没有考虑到这样一个事实，即当一个点超过最大坐标标记时，它不一定在地图的另一边，因为它是环绕的。

例如，绘制一条从西雅图到东京的曲线。一条规则的折线会穿过太平洋，但曲线会向东穿过整个地球。

geodesic: true在这种情况下不起作用，因为线必须具有一致的曲率。

我的问题是：是否可以绘制一条一致的曲线来考虑地图包裹

使用google.maps.LatLng类的选项第三个"nowrap"参数强制所有相关点具有相同的符号（设置为true，默认为false）。

gmarkers[10].setPosition(new google.maps.LatLng(35.689488,139.69170)); // Tokyo
gmarkers[0].setPosition(new google.maps.LatLng(47.60621,(360-122.332071),true)); // Seattle
boundsCenter.setPosition(new google.maps.LatLng(36.096756,(360-178.986565),true)); // control point 1
gmarkers[6].setPosition(new google.maps.LatLng(48.511996,180)); // control point 2
var curvedLine = new GmapsCubicBezier(gmarkers[0].getPosition().lat(), gmarkers[0].getPosition().lng(), boundsCenter.getPosition().lat(), boundsCenter.getPosition().lng(), gmarkers[6].getPosition().lat(), gmarkers[6].getPosition().lng(), gmarkers[10].getPosition().lat(), gmarkers[10].getPosition().lng(), 0.01, map);

工作小提琴

相关文章：