在嵌入地图中处理10个最大航路点

Question

我自愿抽出时间为当地一家经常送餐的NPO编写一款html5应用程序。该应用程序相当简单——一名送货志愿者来到中心，在那里他们可以下载送货路线。然后，他们可以自定义路线（拖放）或重新排序路线点，以实现最佳交付（例如，在他们的房子、办公室附近完成，或使用地图网络服务API返回中心）。

问题来了。所有这些都是使用谷歌地图网络api完美地工作。然而，谷歌嵌入的地图（在iframe中）只显示了10个路点，而平均路线有13个。此外，如果用户点击查看更大的地图，它只显示他们拥有的13个站点中的10个。

根据协议，我需要显示一张谷歌地图，但只显示一些站点会让用户感到困惑。

有办法绕过这个极限吗？是否可以从javascript（基于web api结果）手动构建路线，并在用户点击大地图并想要打印完整路线的情况下仍然使用directions方法。

我使用的方向嵌入API：

googleurl/directions/?origin=XX&destination=XX&waypoints=XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX|XX&key=XXXXX

Answer 1

我从未真正找到可行的解决方案，所以我没有显示路线，而是尝试按编号顺序为路点添加标记。它实现了我的意图，满足了gmaps协议，并向用户提供了路线的概述。

我正在使用dburles：谷歌地图的流星/反应。

if(!this.isLoading){
    Clients.find().forEach(function(document){
        var map = GoogleMaps.maps['mymap'];
        var marker = new google.maps.Marker({
            draggable: true,
            animation: google.maps.Animation.DROP,
            position: new google.maps.LatLng(document.lat, document.lng),
            map: map.instance,
            id: document._id,
            title: document.seq
        })
});