0

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

这就是问题所在。使用 google maps web api，所有这些都可以很好地工作。然而，谷歌嵌入式地图（在 iframe 中）只显示 10 个航点，而平均路线有 13 个。此外，如果用户点击查看更大的地图，它只显示他们拥有的 13 个站点中的 10 个。

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

有没有办法绕过这个限制？是否可以从 javascript 手动构建路线（基于 web api 结果）并仍然使用方向方法，以防用户单击大地图并想要打印完整路线。

我正在使用嵌入 API 的方向：

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

1 回答 1

1

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

我正在使用 dburles:google-maps 进行流星/反应。

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
        })
});
于 2016-04-25T12:59:37.263 回答