Не удается взаимодействовать с Картами Google на Flutter Web (google_maps)

#visual-studio #google-maps #flutter #dart

#visual-studio #google-карты #flutter #dart

Вопрос:

Я просто изучаю Flutter для веб-сайта.

Мне нужно добавить некоторый API javascript Google Map и использовать google_maps зависимости от pub.dev

Я следую приведенному здесь примеру, но после отладки с VSCode я обнаружил, что вообще не могу взаимодействовать с картой. Нет ручных инструментов для перетаскивания карты или даже просто для выбора режима карты (спутниковый или картографический режим).

Я попробовал несколько примеров из ссылки example, от основы до контролируемого примера. Но я все еще не могу взаимодействовать с ним. Нет ошибки в терминале и консоли веб-браузера. Кто-нибудь может дать мне подсказку, как заставить это работать должным образом?

Вот google_maps пример:

https://github.com/a14n/dart-google-maps/tree/master/example

Спасибо, приветствия

Комментарии:

1. Я обнаружил, что после отладки и сборки есть дополнительный элемент с именем flt-ruler-host , который не позволяет мне получить доступ к картам googlemaps. Кто-нибудь может дать мне совет по этому поводу?

Ответ №1:

после того, как я проверил, что flt-ruler-host элемент появился над HTML, отображаемым flutter, я добавляю z-индекс в maps canvas id, и все работает правильно

Комментарии:

1. Где вы меняете значение z-индекса? также какое значение z-индекса вы установили для него?