Question

我正在自愿花时间为经常提供食物的当地NPO编写html5应用程序。该应用程序非常简单 - 交付志愿者来到中心，他们可以下载他们的交付路线。然后，他们可以自定义他们的路线（拖放）或重新订购路标以实现最佳交付（例如，使用地图网络服务API在他们的房子，办公室或中心附近完成）。

这是问题所在。所有这一切都使用谷歌地图web api精美地工作。但是，当平均路线有13时，谷歌嵌入式地图（在iframe中）只显示10个航点。此外，如果用户点击查看较大的地图，它只显示他们拥有的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：google-maps 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
        })
});

在Embed Maps中使用10个最大航点

1 个答案: