Openlayers + PaperJS - Возможно ли это?

Question

Я хотел бы увеличить анимацию на картах Openlayers. Я пробовал D3, но D3 - это специально SVG. Я пробовал D3 и Лифлет и имел некоторый результат, но я действительно предпочитаю ol3.

Итак, я провел несколько тестов с PaperJS, но, я думаю, у меня есть некоторые проблемы с областью. This is what I've got so far.

Как вы можете видеть, слушатель onFrame никогда не достигает. Поэтому мне нужно транслировать прослушиватель анимации через canvasFunction, но я не знаю, как это сделать.

Благодарим за помощь!

EDIT: Забыл отметить: этот парень сделал impressive integration (хорошо, не так впечатляюще и не очень интегрирован) между API Карт Google и PaperJS.

Answer 1

Ну, ответ на мой собственный вопрос:

При работе с PaperJS и JavaScript непосредственно вам нужно прикрепить onFrame к объекту вида.

Так обновляется plunk (это багги, но это старт).

Answer 2

Если требуемые анимации не так сложны, я бы предложил использовать API OpenLayers для создания анимации функций. Основная идея заключается в создании некоторых элементов управления, которые нарисовывают эту функцию при перемещении мыши.

Также есть API для управления animations for maps.

Карта данного примера (карта google + PaperJS) не имеет каких-либо картографических взаимодействий. Я думаю, потребуется еще одна работа, чтобы обеспечить ее бесперебойную работу с использованием взаимодействия с картами (увеличение/уменьшение, панорамирование, включение/выключение слоя и т. Д.).