Работа вокруг 10 максимальных путевых точек на картах для вставки

Question

Я добровольно посвящаю свое время написанию html5-приложения для местной НКО, которая часто доставляет еду. Приложение довольно простое - волонтер доставки приходит в центр, где они могут скачать свои маршруты доставки. Затем им разрешается настраивать свои маршруты (перетаскивать) или переупорядочивать путевые точки для оптимальной доставки (например, заканчивать возле своего дома, офиса или обратно в центр, используя API веб-сервиса карт).

Здесь проблема. Все это прекрасно работает с помощью веб-API Google Maps. Однако встроенная карта Google (в iframe) показывает только 10 путевых точек, а средний маршрут имеет 13. Кроме того, если пользователь нажимает, чтобы увидеть карту большего размера, он показывает только 10 из 13 остановок, которые он имеет.

Согласно соглашению, мне нужно отобразить карту Google, но только показ некоторых остановок может сбить с толку пользователей.

Есть ли способ обойти это ограничение? Можно ли вручную построить маршрут из javascript (на основе результатов веб-API) и по-прежнему использовать метод указания направлений в случае, если пользователь нажимает на большие карты и хочет напечатать полный маршрут.

Я использую 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 для метеора / реакции.

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