Контрола за изобразяване на изглед на записи в Google Maps с помощта на Marker Clusterer и информацията за местоположението (ширина/дължина) срещу всеки запис.

За тези, които не знаят, сега можем да използваме PowerApps Component Framework (PCF), за да разработим персонализирани компоненти в управляваното от модела приложение (PowerApps).

В много случаи клиентите искат да показват полетата за въвеждане като плъзгач или с малко по-различен вид и усещане в дизайна на потребителския интерфейс, полетата имат типове, като например един ред текст, цяло число, валута и т.н. В такива случаи PCF компонентите влизат в картината, където можем да персонализираме нашите собствени компоненти, които можем да използваме във формуляри, изгледи и т.н. в Dynamics365 и PowerApps.

За да разработите PCF компонент, трябва да сте запознати с разработката с html, javascript, jQuery, Node, typescript.

Първото нещо, което трябва да направите, е да настроите среда за разработка:

Microsoft PowerApps CLI:

Галерия PCF

Има и страхотен ресурс PowerApps „„PCF галерия““. Тук ще намерите много добри примери за това, което разработчиците са разработили за общността. И най-доброто от всичко е БЕЗПЛАТНО.

Тъй като съм любопитна душа. Намерих компонент на Google Maps в PCF-галерията, който изброява всички акаунти в Dynamics365 на картата.

Решетка на Google Карти

И тъй като вече съм добре познат с API на Google Maps и имам опит в разработването и използването на API на Google. Не намерих пример, който показва всички маркери на картата с Marker Clusterer.

Така че започвам да тествам този компонент, който вече беше разработен. Изтеглих го и го внедрих в моето решение Dynamics365, за да го тествам напълно. И бързо открих, че мога лесно да разработя персонализиран компонент, който изброява всички маркери като клъстерни маркери.

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

Google Maps Marker Clusterer

Групиране на Google Marker

GitHub

Връзки