Элемент управления для визуализации записей на Картах Google с использованием кластеризатора маркеров и информации о местоположении (широта/долгота) для каждой записи.

Для тех, кто не знает, теперь мы можем использовать PowerApps Component Framework (PCF) для разработки пользовательских компонентов в приложении, управляемом моделью (PowerApps).

Во многих случаях клиенты хотят отображать поля ввода в виде ползунка или с немного другим внешним видом в дизайне пользовательского интерфейса, поля имеют типы, такие как «Одна строка текста», «Целое число», «Валюта» и т. д. В таких случаях используются компоненты PCF. изображение, на котором мы можем настраивать наши собственные компоненты, которые мы можем использовать в формах, представлениях и т. д. в Dynamics365 и PowerApps.

Чтобы разработать компонент PCF, вы должны быть знакомы с разработкой с помощью html, javascript, jQuery, Node, typescript.

Первое, что вам нужно сделать, это настроить среду разработки:

CLI Microsoft PowerApps:

Галерея PCF

Также есть замечательный ресурс PowerApps Галерея PCF. Здесь вы найдете много хороших примеров того, что разработчики разработали для сообщества. И самое главное БЕСПЛАТНО.

Так как я любопытная душа. Я нашел компонент google maps в PCF-Gallery, в котором перечислены все учетные записи в Dynamics365 на карте.

Сетка Google Карт

И поскольку я уже хорошо знаком с API карт Google и имею опыт разработки и использования API Google. Я не нашел примера, который бы показывал все маркеры на карте с помощью Marker Clusterer.

Итак, я начинаю тестировать этот компонент, который уже был разработан. Скачала его и развернула в своем решении Dynamics365 для полного тестирования. И быстро обнаружил, что могу легко разработать пользовательский компонент, который перечисляет все маркеры как кластерные маркеры.

На изображении ниже вы можете увидеть пример компонента, который я разработал:

Кластер маркеров Google Maps

Кластеризация маркеров Google

GitHub

Ссылки