Afișarea unei hărți folosind un control de imagine în PowerApps și Bing Maps sau Google Maps API

Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include opțiunea Imageyet:

Post de Steven Dickens

Microsoft’s Bing este prima amenințare la dominanța de căutare a Google în decenii, Microsoft a anunțat că a lansat un nou motor de căutare alimentat de Tehnologia ChatGPT de la OpenAI. Noul motor ar putea reprezenta o amenințare la dominanța Google a pieței, dar Google controlează 93% din aceasta, comparativ cu 3% din Bing de 3% din Bing. Această mișcare face parte din planul Microsoft de a -și crește cota din piața de publicitate digitală de 570 de miliarde de dolari. În 2022, Microsoft a înregistrat 18 miliarde de dolari în reclamă prin Search și LinkedIn; Google a generat 59 de miliarde de dolari doar în al patrulea trimestru în 2018. „Pentru prima dată, oamenii ar putea privi acest lucru și să spună:„ Aceasta este o tracțiune mai bună, o să folosesc asta ”, a spus Daniel Newman. Pentru a citi povestea completă: https: // lnkd.in/dxbfqwk6 #google #microsoft #ai #bing #bard

Bingul Microsoft este prima amenințare la dominanța de căutare a Google în decenii

finanţa.Yahoo.com

• A copia
• LinkedIn
• Facebook
• Stare de nervozitate

Managementul marketingului de produse | Pasionat de tehnologie | Gamer PC | Consilier | Fondator | Indian britanic în Texas | Soț | Tata la 3 oameni și 3 ��

Mă întreb cât de mult sunt disponibile unitatea Bard și Bingpt?

Identifică -te pentru a te afișa sau a adăuga la modul în care

Vezi celelalte postări ale lui Steven

VP și Practică Lider / Tehnologie Analist / Forbes Contributor / Podcast Gazdă 1 J.

Impozitare progresivă explicată. Pentru aceia dintre voi care ciocnesc reduceri de impozite la fel de nedrept și beneficiind ovoitor pe cei bogați … Dacă și -ar plăti factura așa cum plătim pentru impozite, ar merge ceva de genul acesta. Primii patru bărbați (cei mai săraci) nu ar plăti nimic. Al cincilea ar plăti 1 GBP. Al șaselea ar plăti 3 lire sterline. Al șaptelea ar plăti 7 lire sterline. Al optulea ar plăti 12 lire sterline. Al nouălea ar plăti 18 lire sterline. Iar chiriașul (Riich) ar plăti 59 de lire sterline. Deci, asta au decis să facă. Cei zece bărbați au băut în bar în fiecare săptămână și păreau destul de mulțumiți de aranjament până când, într -o zi, proprietarul le -a provocat o mică problemă. „Din moment ce sunteți cu toții clienți atât de buni”, a spus el, „voi reduce costul berii dvs. săptămânale cu 20 de lire sterline.„Băuturile pentru cei zece bărbați ar costa acum doar 80 de lire sterline. Grupul încă dorea să -și plătească factura așa cum ne plătim impozitele. Deci, primii bărbați ale cuptorului nu au fost afectați. Încă ar bea gratuit, dar ce se întâmplă cu ceilalți șase bărbați? Clienții plătitori? Cum ar putea să împartă căderea de 20 de lire sterline, astfel încât toată lumea să -și obțină partea corectă? Au decis să urmeze principiul sistemului fiscal pe care îl foloseau și au procedat la elaborarea sumelor pe care fiecare ar trebui să le plătească acum. Și așa, al cincilea om, ca primul cuptor, nu a plătit acum nimic (100% economisire). Al șaselea bărbat a plătit acum 2 lire sterline în loc de 3 lire sterline (o economie de 33%). Al șaptelea bărbat a plătit acum 5 lire sterline în loc de 7 lire sterline (o economie de 28%). Al optulea bărbat a plătit acum 9 lire sterline în loc de 12 lire sterline (o economie de 25%). Al nouălea bărbat a plătit acum 14 lire sterline în loc de 18 lire sterline (o economie de 22%). Iar cel de -al zecelea om a plătit acum 49 de lire sterline în loc de 59 de lire sterline (o economie de 16%). Fiecare din ultimele șase a fost mai bine în minte, cu primul cuptor continuând să bea gratuit. Dar, odată în afara barului, bărbații au început să -și compare economiile. „Am primit doar 1 lire sterline din economiile de 20 de lire sterline”, a declarat al șaselea om. A dat peste omul încordat, „dar a primit 10 lire sterline!”” Da, așa este “, a exclamat al cincilea om. „Am economisit doar un lire sterline. Este un anfair pe care l -a obținut de zece ori mai mult decât mine!”” Este adevărat!„A strigat al șaptelea om. „De ce ar trebui să primească 10 GBP înapoi, când am primit doar 2 GBP? Bogații primesc toate pauzele!”” Așteptați -vă în minut “, a strigat primii bărbați de la unison,” nu am primit nimic deloc. Acest nou sistem fiscal îi exploatează pe cei săraci!„Cei nouă bărbați au înconjurat al zecelea și l -au bătut. Săptămâna viitoare, cel de -al zecelea bărbat nu s -a prezentat la băuturi, așa că cei nouă s -au așezat și au avut berile fără el. Dar când a venit momentul să plătească factura, au descoperit ceva important – nu aveau suficienți bani între toți pentru a plăti nici măcar jumătate din factură! Oamenii care plătesc deja cele mai mari impozite vor primi în mod natural cel mai mare beneficiu de la o reducere a impozitelor. Impozitează -i prea mult, atacă -i pentru că sunt bogați și s -ar putea să nu se mai apară. De fapt, s -ar putea să înceapă să bea peste mări, unde atmosfera este oarecum mai prietenoasă ..

• A copia
• LinkedIn
• Facebook
• Stare de nervozitate

Identifică -te pentru a te afișa sau a adăuga la modul în care

VP și Practică Lider / Tehnologie Analist / Forbes Contributor / Podcast Gazdă 1 J.

Vrei mai multe întâlniri? Închideți oferte mai mari? Ascultați podcast -ul Brutal Adevărul despre vânzări

Oricine pentru o comedie de vânzări de vineri. #Vanzari & Marketing

• A copia
• LinkedIn
• Facebook
• Stare de nervozitate

Identifică -te pentru a te afișa sau a adăuga la modul în care

VP și Practică Lider / Tehnologie Analist / Forbes Contributor / Podcast Gazdă 1 J.

Plăcerea de a merge în rețeaua Schwab și de a vorbi despre achiziția Cisco a Splunk, ceea ce nu -i place la această afacere? * 4B $ din Arr * Global Reach for Splunk * Calea ușoară către aprobarea de reglementare https: // lnkd.în/e-j_xqht

Tehnologie | Rețea Schwab

Schwabnetwork.com

• A copia
• LinkedIn
• Facebook
• Stare de nervozitate

Identifică -te pentru a te afișa sau a adăuga la modul în care

Afișarea unei hărți folosind un control de imagine în PowerApps și Bing Maps sau Google Maps API

Au existat o mulțime de solicitări din partea comunității cu privire la capacitatea de a afișa o hartă în PowerApps. Deși nu avem încă un control al hărților în PowerApps, putem folosi controlul imaginii pentru a afișa hărți – din fericire Hărți Bing AUR Hărți Google prin Bing Maps Imagerie API Și API Google Static Maps respectiv.

Scenarii de hartă

Iată scenariile pe care le vom construi astăzi folosind controlul imaginii:

1. Afișați o hartă pentru o închiriere sau adresă numită
2. Afișați o hartă pentru închirierea GPS actuală a dispozitivului
3. Măriți / măriți folosind un glisor
4. Navigați la aplicația MAPS sau pagina web atunci când faceți clic pe

Pregătire

Obțineți cheia API Bing Maps, vizând această adresă URL sau cheia API Google Static Maps, vizând această adresă URL. Rețineți cheia pentru utilizare mai târziu în tutorial.

În studioul PowerApps sau Web, creați un Nou Aplicație necompletată (alegeți telefonul sau aspectul tabletei, conform nevoilor dvs.).

Adăugați un ecran de configurare

Mai întâi vom crea un ecran de configurare pentru a stoca unele informații care pot fi utilizate de alte ecrane din aplicație. Redenumire ceai Ecran1 la Configurațiiscreen Din vedere a copacului din partea stângă.

Introduce are Intrare text Control de la Introduce Filă> Text > Intrare text

Redenumire Controlul de la TextInput1 la Txtbingmapskey (Dacă doriți să utilizați API -ul Bing Maps) sau TxtgooGleMapskey (Dacă doriți să utilizați API -ul Google Maps). schimb valutar HintText Pentru a „introduce cheia hărților aici” și Mod implicit La valoarea cheie reală de la hărțile Bing sau Google Maps de la primul pas al acestui tutorial.

Introduce O alta Intrare text Control de la Introduce filă> Text > Intrare text. Redenumire Acest control pentru TxtImageWidth, Schimbați textul de aluzie la „Introduceți hărțile lățimea imaginii aici”, schimbați Mod implicit la “”600”(Dacă aspectul telefonului) sau„1200”(Dacă aspectul tabletei), se schimbă Format la Număr din panoul proprii din dreapta.

Copie TxtImageWidth (Ctrl + C) și lipiți (Ctrl + V) în același ecran pentru a crea o copie. Redenumire Controlul pentru TxtImageHeight, schimba Sugestie text Pentru a „introduce hărți înălțimea imaginii aici”, modificări Mod implicit la “”300”(Pentru aspectul telefonului) și„600”(Pentru aspectul tabletei).

Adăugați ecranul principal

Introduce > Ecran nou > Aspect gol.

Redenumire ceai Ecran2 la Handscreen.

Mișcare ceai Handscreen Sus făcând clic pe Mutați -vă în sus pictogramă în meniul contextual

Introduce > Mass-media > Imagine Control pentru a adăuga o nouă imagine pe ecran.

Redenumire Controlul de la imagine1 la ImgmapControl. Seteaza Lăţime la TxtImageWidth și Înălţime la TxtImageHeight.

Scenariul 1: Afișați o hartă pentru o închiriere sau adresă numită numită

Să introducem un control de intrare a textului pentru a introduce închirierea sau adresa pentru hartă: Introduce Filă> Text > Intrare text. Redenumire Controlul pentru txtLocation. Mutați -o la o închiriere în ecran, unde este potrivită.

schimb valutar Sugestie text ca „Introduceți o închiriere sau o adresă” și păstrați Mod implicit ca tanga goală „” sau închirierea preferată – pentru E.g. Times Square, New York, Seattle etc ..

Pentru redactarea hărții, utilizați următoarea formulă în Imagine Proprietatea ImgmapControl ::

Pentru hărțile Bing Utilizați:

"https: // dev.virtual.Net/rest/v1/imagini/hartă/drum/"& închide.Text) & "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & Key https: // msdn.Microsoft.com/en-us/bibliotecă/ff701724.Aspx "Target =" _ Blank "Rel =" NooPener ">Obțineți o hartă statică articol de exemple și alți parametri.
 
Pentru Google Maps Utilizați:
 
"https: // hărți.Googleapis.Com/hărți/API/staticmap?Center = "& encoderl (txtLocation.Text) & "& size =" & txtImageWidth & "X" & txtImageHeight & "& Key https: // dezvoltatori.Google.com/hărți/documentație/static-haps/intro "target =" _ blank "rel =" noopener ">Ghid pentru dezvoltatori Google Static Maps.
 
Iată capturile de ecran pentru închiriere: Space Needle, Seattle folosind Maps Bing:
 
 
Și aici este aceeași închiriere folosind Google Maps (rețineți că dimensiunea este restricționată la 640 × 640 în Google Maps, deoarece folosesc versiunea API):
 
 
Jucându -se cu unele dintre opțiuni
 
Modificarea ImageSets (Maps Bing) și tipurile de hartă (Google Maps):
 
Hărți Bing ImagerySets mai multe suporturi. Permiteți să adăugăm un meciuri derulant pentru a vedea efectul schimbării acestor ImageySets.
 
Introduce > Controale > Scapă jos Pentru a adăuga o dropdown. Redenumire Controlul pentru Drpbingimagerysts. Seteaza Articole Proprietate la următoarele:
 
["Road", "Aerial", "AerialWithLabels", "AerialWithLabelSdemand", "Canvasdark", "Canvaslight", "CanvasGray"]
Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include opțiunea Imageyet:
"https: // dev.virtual.Net/REST/V1/Imagerie/MAP/"& DRPBbingImagerySets.Selectat.Valoare & "/" & Cartierl (txtLocation.Text) & "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & Key Lazy "Style =" Background-Image: None; Float: Niciuna; Padding-top: 0px; Padding-stânga: 0px; Marja: 0px Auto; Afișare: bloc; Padding-dreapta: 0px; Lățimea de frontieră: 0px; "title =" imagine "src =" https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.PNG "ALT =" Imagine "Lățime =" 610 "înălțime =" 339 "Border =" 0 "/>
 
Hărți Google Patru suporturi ale MapTypes. Permiteți să adăugăm un meciuri pentru a vedea efectul schimbării acestor tipuri.
 
Introduce > Controale > Scapă jos Pentru a adăuga o dropdown. Redenumire Controlul pentru DrpgoogleMaptypes. Seteaza Articole Proprietate la următoarele:
 
[„Foaia de parcurs”, „Câmp”, „Satelit”, „Hibrid”]
Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include opțiunea MapType:
"https: // hărți.Googleapis.Com/hărți/API/staticmap?Center = "& encoderl (txtLocation.Text) & "&& size =" & txtImageWidth & "x" & txtImageHeight & "& maptype =" & drpgoogleMaptypes.Selectat.Valoare & "& cheie leneș" style = "fundal-imagine: none; float: none; padding-top: 0px; padding-left: 0px; marjă: 0px automat; afișare: bloc; : 0px; " Title = "imagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.PNG "ALT =" Image "Width =" 610 "înălțime =" 343 "Border =" 0 "/>
 
Aceste API -uri de hartă sunt destul de puternice și sunt sigur, veți fi tentat să încercați alte opțiuni disponibile pentru personalizare. Deocamdată să trecem la următorul scenariu:
 
Scenariul 2: Afișați o hartă pentru închirierea GPS -ului actual a dispozitivului
 
PowerApps oferă acces nativ la semnale de dispozitiv, cum ar fi închirieri (GPS), accelerație, busolă etc. Să folosim semnalul de închiriere pentru a arăta închirierea curentă pe o hartă.
 
Pentru aceasta, vom folosi aceeași intrare de text de txtlocare pentru a afișa coordonatele GPS dacă selectăm un comutator pentru a utiliza GPS Rental.
 
Inserați> Controluri> Comutați pentru a insera a Comutare Control pe ecran. Redenumire IT TO TGLGPSLOCACARE.
 
 
Inserați> etichetă pentru a insera a Eticheta Control pe ecran. Mutați -l lângă comutare și Redenumire IT TO lblgpsLocation. Schimbați textul pentru a „folosi GPS închiriere:”.
 
 
Schimba Mod implicit din txtLocation Textul de introducere la această formulă:
 
If (tglgpsLocation.Valoare, închiriere.Latitude & "," & închiriere.Longitudine, "")
Pentru Hărți Bing, Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include opțiunile CenterPoint & PushPin (notă trebuie să adăugăm și ZoomLevel):
"https: // dev.virtual.Net/REST/V1/Imagerie/MAP/"& DRPBbingImagerySets.Selectat.Valoare & "/" & Cartierl (txtLocation.Text) și "/15?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & pp = "& txtLocation.Text & "; i+am+aici și cheie leneș" style = "fundal-imagine: none; float: none; padding-top: 0px; padding-left: 0px; marjă: 0px automat; afișare: bloc; padding-dreapta : 0px; lățimea de frontieră: 0px; " Title = "imagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3EED2.PNG "ALT =" Image "Width =" 610 "înălțime =" 306 "Border =" 0 "/>
 
Pentru Hărți Google, Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include opțiunile Center & Markers (notă trebuie să adăugăm și ZoomLevel):
 
"https: // hărți.Googleapis.Com/hărți/API/staticmap?Center = "& encoderl (txtLocation.Text) & "& zoom = 15 & size =" & txtImageWidth & "x" & txtImageHeight & "& maptype =" & drpgoogleMaptypes.Selectat.Valoare & "& markers = culoare: albastru%7clabel: m%7c" & cartierl (txtLocation.Text) & "& Key leneș" style = "fundal-imagine: Niciuna; float: none; padding-top: 0px; padding-left: 0px; marjă: 0px automat; afișare: bloc; Lățime: 0px; " Title = "imagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/68B9E899-2ED5-48D6-B020-E98988152735.PNG "ALT =" Image "Width =" 610 "înălțime =" 550 "Border =" 0 "/>
 
Scenariul 3: măriți / măriți folosind un glisor
 
Mutarea scenariului final, să adăugăm un Glisor Controlează nivelul zoom -ului. Inserare> Controluri> Slider. Redenumire ceai Slider1 la Slzoom. schimb valutar Mod implicit la 15, Min la 1 Și Max la 21.
 
 
Adauga o Eticheta Lângă glisor pentru a denota nivelul zoom -ului. Inserați> etichetă. Redenumire Eticheta la lbzoom. schimb valutar Text Către: „Zoom (1-21):”.
 
 
Pentru Hărți Bing, Schimbați formula în Imagine Proprietatea ImgmapControl Pentru a include zoomLevel din glisant.
 
"https: // dev.virtual.Net/REST/V1/Imagerie/MAP/"& DRPBbingImagerySets.Selectat.Valoare & "/" & Cartierl (txtLocation.Text) și "/" & Slzoom.Valoare și "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & pp = "& txtLocation.Text & "; i+am+aici și Key PrettyPrint"> "https: // hărți.Googleapis.Com/hărți/API/staticmap?Center = "& encoderl (txtLocation.Text) & "& zoom =" & slzoom.Valoare & "& size =" & txtImageWidth & "x" & txtImageHeight & "& maptype =" & drpgoogleMaptypes.Selectat.Valoare & "& markers = culoare: albastru%7clabel: m%7c" & cartierl (txtLocation.Text) și „& Key PrettyPrint”>
Scenariul 4: Navigați la aplicația MAPS sau pagina web atunci când faceți clic pe
În cele din urmă, permiteți adăugarea pasului de navigare atunci când faceți clic pe imagine pentru a deschide pagina sau aplicația respectivă.
Pentru Hărți Bing, Adăugați următoarea formulă în OnSelect pentru ImgmapControl:
Pentru Hărți Google, Adăugați următoarea formulă în OnSelect pentru ImgmapControl: