Я использую элемент HTML5 Canvas для создания полноэкранного наложения на карты Google.На холсте я рисую прозрачный объект (например, треугольник).
Мое намерение состоит в том, чтобы позволить пользователю выполнять стандартные действия карты Google (например, перетаскивание, увеличение и т. Д.) Всякий раз, когда его мышь находится внутри границ объекта - то есть пользователь может щелкнуть по холсту.
Поскольку элемент canvas охватывает все карты Google, любые пользовательские события обрабатываются canvas, а не картами Google.Я пробовал несколько способов обойти это:
- Использование KineticJs для обработки событий пользовательских кликов внутри объекта, а затем .dispatch () событие в HTML-контейнер карты Google.
- Опять же, используя KineticJs для обработки пользовательских событий, а затем с помощью API карты Google 'google.maps.events.trigger (...)', чтобы попытаться запустить правильное событие на карте Google.
- с использованием 'pointer-events: none' в элементе HTML5 canvas, но это делает весь переход по холсту щелчком мыши и поддерживается не во всех браузерах.
Есть ли способ правильно запуститьдействия пользователя на картах Google или программные действия пользователя?