Элемент управления для визуализации записей на Картах Google с использованием кластеризатора маркеров и информации о местоположении (широта/долгота) для каждой записи.
Для тех, кто не знает, теперь мы можем использовать PowerApps Component Framework (PCF) для разработки пользовательских компонентов в приложении, управляемом моделью (PowerApps).
Во многих случаях клиенты хотят отображать поля ввода в виде ползунка или с немного другим внешним видом в дизайне пользовательского интерфейса, поля имеют типы, такие как «Одна строка текста», «Целое число», «Валюта» и т. д. В таких случаях используются компоненты PCF. изображение, на котором мы можем настраивать наши собственные компоненты, которые мы можем использовать в формах, представлениях и т. д. в Dynamics365 и PowerApps.
Чтобы разработать компонент PCF, вы должны быть знакомы с разработкой с помощью html, javascript, jQuery, Node, typescript.
Первое, что вам нужно сделать, это настроить среду разработки:
- Первое, что нам понадобится, это Node.js. Установка проста — следуйте шагам, описанным здесь.
- После установки Node установите Visual Studio Code или Visual Studio.
- Далее нам нужно загрузить CLI PowerApps. Для этого перейдите на https://docs.microsoft.com/en-us/powerapps/developer/component-framework/get-powerapps-cli
CLI Microsoft PowerApps:
Также есть замечательный ресурс PowerApps Галерея PCF. Здесь вы найдете много хороших примеров того, что разработчики разработали для сообщества. И самое главное БЕСПЛАТНО.
Так как я любопытная душа. Я нашел компонент google maps в PCF-Gallery, в котором перечислены все учетные записи в Dynamics365 на карте.
Сетка Google Карт
И поскольку я уже хорошо знаком с API карт Google и имею опыт разработки и использования API Google. Я не нашел примера, который бы показывал все маркеры на карте с помощью Marker Clusterer.
Итак, я начинаю тестировать этот компонент, который уже был разработан. Скачала его и развернула в своем решении Dynamics365 для полного тестирования. И быстро обнаружил, что могу легко разработать пользовательский компонент, который перечисляет все маркеры как кластерные маркеры.
На изображении ниже вы можете увидеть пример компонента, который я разработал:
Кластер маркеров Google Maps
Кластеризация маркеров Google
GitHub