在嵌入式地图中使用10个最大路线点

Question

我自愿花时间为当地一家经常送餐的非营利组织编写一个html5应用程序。这个应用程序相当简单--一个送货志愿者来到中心，在那里他们可以下载他们的送货路线。然后，他们可以自定义自己的路线(拖放)或重新排序路点以实现最佳交付(例如，在他们的房子、办公室附近完成，或使用地图web服务API返回中心)。

问题就在这里。使用google地图web api，所有这些都能很好地工作。然而，google嵌入式地图(在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

我使用dburles:google-map for meteor/react。

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
        })
});