Отображение карты с использованием управления изображением в PowerApps и Bing Maps или Google Maps API

Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить опцию Imageyet:

Пост Стивена Диккенса

Microsoft Bing – первая угроза для доминирования поиска Google в течение десятилетий Microsoft объявила, что выпустила новую поисковую систему, основанную на технологии OpenAI CHATGPT. Новый двигатель может представлять угрозу для доминирования Google на рынке, но Google контролирует 93% по сравнению с 3% Bing. Этот шаг является частью плана Microsoft по увеличению своей доли на рынке цифровой рекламы на 570 миллиардов долларов США. В 2022 году Microsoft увидела в рекламе 18 миллиардов долларов через поиск и LinkedIn; Google генерировал 59 миллиардов долларов только за четвертый квартал в 2018 году. «Впервые люди могли бы посмотреть на это и сказать:« Это лучшая мышечная, я собираюсь использовать это », – сказал Даниэль Ньюман. Чтобы прочитать полную историю: https: // lnkd.в/dxbfqwk6 #google #microsoft #ai #bing #bard

Microsoft Bing – первая угроза для доминирования поиска Google за десятилетия

финансы.Yahoo.компонент

• Копировать
• LinkedIn
• Facebook
• Twitter

Управление маркетингом продукта | Технологический энтузиаст | Геймер ПК | Советник | Основатель | Британские индейцы в Техасе | Муж | Папа 3 человека и 3 ��

Интересно, как долго блок и бингпт доступны для всех?

Определите себя, чтобы показать или добавить в то, как

Смотрите другие посты Стивена

Вице -президент и руководитель практики / технический аналитик / Antripor / Forbes / Host Podcast 1 J.

Прогрессивный объяснил налогообложение. Для тех из вас, кто забивает снижение налогов как несправедливые и противоречиво, приносят пользу богатым …… Маленькой аналогии … предполагает, что икона за выходные, десять мужчин выходят за пиво, а счет для всех TRU составляет 100 фунтов стерлингов. Если бы они оплатили свой счет так, как мы платим за налоги, это пойдет на что -то в этом роде. Первые четыре человека (самые бедные) ничего не заплатили бы. Пятый заплатит 1 фунт стерлингов. Шестый заплатит 3 фунта стерлингов. Седьмой заплатит 7 фунтов стерлингов. Восьмой заплатит 12 фунтов стерлингов. Девятый заплатит 18 фунтов стерлингов. А арендатор (Рийч) заплатит 59 фунтов стерлингов. Итак, это то, что они решили сделать. Десять мужчин пили в баре каждую неделю и, казалось, вполне довольны договоренностью, пока однажды владелец не вызвал их небольшую проблему. «Поскольку вы все такие хорошие клиенты, – сказал он, – я собираюсь снизить стоимость вашего еженедельного пива на 20 фунтов стерлингов.”Напитки для десяти мужчин теперь будут стоить всего 80 фунтов стерлингов. Группа все еще хотела оплатить свой счет так, как мы платим наши налоги. Итак, первые печи не были затронуты. Они все равно будут пить бесплатно, но как насчет других шести мужчин? Платящие клиенты? Как они могли разделить непредвиденную сумму в 20 фунтов стерлингов, чтобы каждый получил свою справедливую долю? Они решили следовать принципу налоговой системы, которую они использовали, и продолжали выработать суммы, которые каждый должен заплатить. Итак, пятый человек, как первый духовка, теперь ничего не заплатил (100% экономия). Шестой человек теперь заплатил 2 фунта стерлингов вместо 3 фунтов стерлингов (экономия 33%). Седьмой человек теперь заплатил 5 фунтов стерлингов вместо 7 фунтов стерлингов (экономия 28%). Восьмой человек теперь заплатил 9 фунтов стерлингов вместо 12 фунтов стерлингов (экономия 25%). Девятый человек теперь заплатил 14 фунтов стерлингов вместо 18 фунтов стерлингов (экономия 22%). И десятый человек теперь заплатил 49 фунтов стерлингов вместо 59 фунтов стерлингов (экономия 16%). Каждому из последних шести было лучше, когда первая духовка продолжала пить бесплатно. Но, однажды за пределами бара, мужчины начали сравнивать свои сбережения. «Я получил только 1 фунт с экраны в 20 фунтов стерлингов», – заявил шестой человек. Он набрал напряженного человека “, но он получил 10 фунтов стерлингов!«Да, это верно», – воскликнул пятый человек. “Я тоже сэкономил только 1 фунта стерлингов. Это ANFAIR, что он получил в десять раз придурок, чем я!”” Это правда!”Крикнул седьмого человека. “Зачем ему вернуть 10 фунтов стерлингов, когда я получил только 2 фунта стерлингов? Богатые получают все перерывы!«Подождите в минуту, – закричал первые духовки в унисон, – мы вообще ничего не получили. Эта новая налоговая система эксплуатирует бедных!”Девять человек окружили десятую и избили его. На следующей неделе десятый человек не появился на напитках, поэтому девять сели и не пили без него. Но когда пришло время оплатить счет, они обнаружили что -то важное – у них не было достаточно денег между всеми, чтобы заплатить даже за половину счета! Люди, которые уже платят самые высокие налоги, естественно получат максимальную выгоду от снижения налогов. Налогообложения их слишком сильно, атакуйте их за богатые, и они просто больше не появляются. На самом деле, они могут начать пить за границей, где атмосфера несколько дружелюбнее ..

• Копировать
• LinkedIn
• Facebook
• Twitter

Определите себя, чтобы показать или добавить в то, как

Вице -президент и руководитель практики / технический аналитик / Antripor / Forbes / Host Podcast 1 J.

Вы хотите больше встреч? Закрыть более крупные сделки? Послушайте жестокую правду о продажах

Любой для комедии продаж в пятницу. #Продажи и Маркетинг

• Копировать
• LinkedIn
• Facebook
• Twitter

Определите себя, чтобы показать или добавить в то, как

Вице -президент и руководитель практики / технический аналитик / Antripor / Forbes / Host Podcast 1 J.

Удовольствие отправиться в сеть Schwab и рассказать о приобретении Cisco Splunk, что не нравится в этой сделке? * $ 4B ARR * Глобальный охват для Splunk * Легкий путь к одобрению регулирования https: // lnkd.в/e-j_xqht

Tech | Schwab Network

Schwabnetwork.компонент

• Копировать
• LinkedIn
• Facebook
• Twitter

Определите себя, чтобы показать или добавить в то, как

Отображение карты с использованием управления изображением в PowerApps и Bing Maps или Google Maps API

У сообщества было много запросов о возможности отображать карту в PowerApps. Хотя у нас еще нет управления картами в PowerApps, мы можем использовать элемент управления изображением для отображения карт – к счастью для Бинг Карты ЗОЛОТО Карты Гугл через Bing Карты изображения API И Google Static Maps API соответственно.

Карта сценарии

Вот сценарии, которые мы построим сегодня, используя управление изображением:

1. Отображать карту для данного названного арендного плата или адреса
2. Отображать карту для текущей аренды GPS устройства
3. Увеличить / увеличить с помощью слайдера
4. Перейдите к приложению Maps или веб -странице при нажатии

Подготовка

Получите ключ API Bing Maps, выступив на этот URL или клавишу API Google Static Maps, выступив с этим URL. Заметьте ключ для использования позже в учебном пособии.

В студии или в Интернете PowerApps создайте Новый Пустое приложение (выберите макет телефона или планшета в соответствии с вашей необходимостью).

Добавить экран конфигурации

Сначала мы создадим экран конфигурации для хранения некоторой информации, которая может использоваться другими экранами в приложении. Переименовать чай Экран1 к Конфигурации От вида дерева с левой стороны.

Вставлять имеет Ввод текста Контроль из Вставлять Вкладка> Текст > Ввод текста

Переименовать Контроль от TextInput1 к Txtbingmapskey (Если вы хотите использовать API Bing Maps) или Txtgooglemapskey (Если вы хотите использовать Google Maps API). Обмен Подсказка «Ввести ключ карты здесь» и По умолчанию К фактическому значению ключа от карт Bing или карты Google с первого этапа этого учебника.

Вставлять Другой Ввод текста Контроль из Вставлять Вкладка> Текст > Ввод текста. Переименовать Этот контроль Txtimagewidth, Измените текст подсказки на «Введите ширину изображения карт здесь», изменить По умолчанию к “”600”(Если телефонная ссадка) или«1200”(Если планшет), изменения Формат к Число от панели «Справа справа».

Копия TxtImageWidth (Ctrl + C) и вставьте (Ctrl + V) на том же экране, чтобы создать копию. Переименовать Контроль TxtimageHeight, изменить Подсказка текст Чтобы «ввести карты высоты изображения здесь», изменения По умолчанию к “”300»(Для макета телефона) и«600”(Для схемы планшета).

Добавить основной экран

Вставлять > Новый экран > Пустой макет.

Переименовать чай Экран2 к Рукопадка.

Двигаться чай Рукопадка Вверх, нажав на Двигаться вверх икона в контекстном меню

Вставлять > СМИ > Картина Управление, чтобы добавить новое изображение на экран.

Переименовать Управление от Image1 до Imgmapcontrol. Установить Ширина к Txtimagewidth и Высота к TxtimageHeight.

Сценарий 1: отображать карту для данной именованной аренды или адреса

Давайте вставим управление вводом текста, чтобы ввести аренду или адрес для карты: Вставлять Вкладка> Текст > Ввод текста. Переименовать Контроль txtlocation. Переместите его в аренду на экране, где присваивается.

Обмен Подсказка текст как «ввести аренду или адрес» и сохранить По умолчанию как пустые стринги “или ваша любимая аренда – для E.г. Таймс -сквер, Нью -Йорк, Сиэтл и т. Д

Для визуализации карты используйте следующую формулу в Картина Собственность Imgmapcontrol ::

Для использования карт Bing:

"https: // dev.виртуальный.Net/rest/v1/изображения/map/road/"& close.Текст) & "?Mapsize = "& txtimagewidth &", "& txtimageHeight &" & Key https: // msdn.Microsoft.com/en-us/библиотека/ff701724.aspx "target =" _ blank "rel =" noopener ">Получить статическую карту Статья для примеров и других параметров.
 
Для использования карт Google:
 
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& encoderl (txtlocation.Text) & "& size =" & txtimagewidth & "x" & txtimageHeight & "& Key https: // Разработчики.Google.com/maps/documentation/static-maps/intro "target =" _ blank "rel =" noopener ">Google Static Maps Guide Developer.
 
Вот скриншоты для аренды: космическая игла, Сиэтл с использованием карт Bing:
 
 
А вот та же аренда с использованием Google Maps (обратите внимание на размер ограничен 640 × 640 на картах Google, как я использую версию API):
 
 
Играя с некоторыми из вариантов
 
Изменение изображений (карты Bing) и типы карт (карты Google):
 
Бинг Карты ImagerySets несколько поддержки. Давайте добавим раскрывающийся список, чтобы увидеть эффект изменения этих изображений.
 
Вставлять > Управление > Падать Чтобы добавить выпадающую сторону. Переименовать Контроль DRPBINGIMAGERYSTS. Установить Предметы Собственность следующего:
 
[«Дорога», «Воздушная», «Aerialwithlabels», «Aerialwithlabelsondemand», «Canvasdark», «Canvaslight», «Canvasgray»]
Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить опцию Imageyet:
"https: // dev.виртуальный.Net/rest/v1/imagery/map/"& drpbingimagerysets.Выбран.Value & "/" & cartierl (txtlocation.Текст) & "?Mapsize = "& txtimagewidth &", "& txtimageHeight &" & Key Lazy Style = "Facking-Image: нет; Плавание: нет; Надоеволок: 0PX; Лебь накладки: 0px; Полевая: 0PX Auto; Дисплей: блок; Право накладки: 0px; Граница-ширина: 0px; "title =" image "src =" https: // pwrapscdn.AzureEdge.Net/mediaHandler/blog/media/powerApps/blog/44162776-5e72-45f3-ae21-69889a9fc50e.png "alt =" image "width =" 610 "height =" 339 "border =" 0 "/>
 
Карты Гугл Четыре опоры мапейпов. Давайте добавим раскрывающийся список, чтобы увидеть эффект изменения этих типов.
 
Вставлять > Управление > Падать Чтобы добавить выпадающую сторону. Переименовать Контроль Drpgooglemaptypes. Установить Предметы Собственность следующего:
 
[«Дорожная карта», «Поле», «Спутниковый», «Гибрид»]
Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить опцию Maptype:
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& encoderl (txtlocation.Текст) & "&& size =" & txtimagewidth & "x" & txtimageHeight & "& maptype =" & drpgooglemaptypes.Выбран.Value & "& Key Lazy" style = "facky-image: none; float: нет; : 0px; " Title = "image" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.png "alt =" image "width =" 610 "высота =" 343 "border =" 0 "/>
 
Эти карты API довольно мощные, и я уверен, что у вас будет соблазн попробовать другие варианты, доступные для настройки. А пока давайте перейдем к следующему сценарию:
 
Сценарий 2: отображать карту для текущей аренды GPS устройства
 
PowerApps обеспечивает собственный доступ к сигналам устройства, таким как аренда (GPS), ускорение, компас и т. Д. Давайте использовать сигнал аренды, чтобы показать текущую аренду на карте.
 
Для этого мы будем использовать тот же ввод текста txtlocation, чтобы отобразить координаты GPS, если мы выберем переключатель для использования аренды GPS.
 
Вставить> управление> переключать вставить а Переключать Управление на экране. Переименовать это Tglgpslocation.
 
 
Вставьте> метку вставить а Этикетка Управление на экране. Переместить его рядом с переключением и переименовать это lblgpslocation. Измените текст, чтобы «использовать аренду GPS:.
 
 
Изменить По умолчанию принадлежащий txtlocation Введите текст в эту формулу:
 
If (tglgpslocation.Ценность, аренда.Latitude & "," & Rental.Долгота "")
Для Бинг Карты, Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить параметры CenterPoint & Pushpin (обратите внимание, мы должны добавить Zoomlevel):
"https: // dev.виртуальный.Net/rest/v1/imagery/map/"& drpbingimagerysets.Выбран.Value & "/" & cartierl (txtlocation.Текст) & "/15?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtlocation.Текст & "; i+Am+здесь и ключ Lazy" style = "founk-image: none; float: нет; : 0px; ширина границы: 0px; " Title = "image" src = "https: // pwrapscdn.AzureEdge.Net/mediahandler/blog/media/powerapps/blog/7bd7e539-74c3-47d3-a3b4-7987dfd3eed2.png "alt =" image "width =" 610 "height =" 306 "border =" 0 "/>
 
Для Карты Гугл, Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить варианты центра и маркеры (обратите внимание, мы также должны добавить Zoomlevel):
 
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& encoderl (txtlocation.Текст) & "& Zoom = 15 & size =" & txtimagewidth & "x" & txtimageHeight & "& maptype =" & drpgooglemaptypes.Выбран.Значение и "& markers = color: blue%7clabel: m%7c" & cartierl (txtlocation.Текст) & "& key lazy" style = "founk-image: none; float: none; накладки-top: 0px; прокладки-лето: 0px; маржа: 0px Auto; дисплей: блок; накладки-правая: 0px; граница-граница- Ширина: 0px; " Title = "image" src = "https: // pwrapscdn.AzureEdge.Net/mediahandler/blog/media/powerapps/blog/68b9e899-2ed5-48d6-b020-e98988152735.png "alt =" image "width =" 610 "height =" 550 "border =" 0 "/>
 
Сценарий 3: увеличить / увеличить с помощью ползунка
 
Перемещение последнего сценария, давайте добавим Слайдер Контролировать уровень масштабирования. Вставить> управления> ползунок. Переименовать чай Слайдер1 к Slzoom. Обмен По умолчанию к 15, Мин к 1 И Макс к 21.
 
 
Добавить Этикетка Рядом со слайдером, чтобы обозначить уровень масштабирования. Вставьте> метку. Переименовать Ярлык до lbzoom. Обмен Текст К: «Zoom (1-21):».
 
 
Для Бинг Карты, Изменить формулу в Картина Собственность Imgmapcontrol Чтобы включить Zoomlevel от ползунка.
 
"https: // dev.виртуальный.Net/rest/v1/imagery/map/"& drpbingimagerysets.Выбран.Value & "/" & cartierl (txtlocation.Текст) & "/" & slzoom.Ценить & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtlocation.Text & "; i+Am+здесь и ключ Priteprint"> "https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& encoderl (txtlocation.Текст) & "& Zoom =" & slzoom.Value & "& size =" & txtimagewidth & "x" & txtimageheight & "& maptype =" & drpgooglemaptypes.Выбран.Значение и "& markers = color: blue%7clabel: m%7c" & cartierl (txtlocation.Текст) & "& Key PrettyPrint">
Сценарий 4: Перейдите к приложению Maps или веб -странице при нажатии
Наконец, давайте добавим шаг навигации при нажатии на изображение, чтобы открыть соответствующую веб -страницу или приложение.
Для Бинг Карты, Добавить следующую формулу в На выборе для Imgmapcontrol:
Для Карты Гугл, Добавить следующую формулу в На выборе для Imgmapcontrol: