Контрола за изобразяване на изглед на записи в Google Maps с помощта на Marker Clusterer и информацията за местоположението (ширина/дължина) срещу всеки запис.
За тези, които не знаят, сега можем да използваме 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
Microsoft PowerApps CLI:
Има и страхотен ресурс PowerApps „„PCF галерия““. Тук ще намерите много добри примери за това, което разработчиците са разработили за общността. И най-доброто от всичко е БЕЗПЛАТНО.
Тъй като съм любопитна душа. Намерих компонент на Google Maps в PCF-галерията, който изброява всички акаунти в Dynamics365 на картата.
Решетка на Google Карти
И тъй като вече съм добре познат с API на Google Maps и имам опит в разработването и използването на API на Google. Не намерих пример, който показва всички маркери на картата с Marker Clusterer.
Така че започвам да тествам този компонент, който вече беше разработен. Изтеглих го и го внедрих в моето решение Dynamics365, за да го тествам напълно. И бързо открих, че мога лесно да разработя персонализиран компонент, който изброява всички маркери като клъстерни маркери.
На изображението по-долу можете да видите пример за компонента, който разработих:
Google Maps Marker Clusterer
Групиране на Google Marker
GitHub