Steven Dickens på LinkedIn: Microsofts Bing er den første trussel mod Googles søgningsdominans i …, der viser et kort ved hjælp af en billedkontrol i PowerApps og Bing Maps eller Google Maps API

Steven Dickens på LinkedIn: Microsofts Bing er den første trussel mod Googles søgningsdominans i …, der viser et kort ved hjælp af en billedkontrol i PowerApps og Bing Maps eller Google Maps API | Microsoft Power Apps

<h1>Visning af et kort ved hjælp af en billedkontrol i PowerApps og Bing Maps eller Google Maps API</h1>
<blockquote>Ændre formlen i Billede Ejendom for ImgmapControl At inkludere indstillingen Imageyet:</blockquote>
<h2>Indlæg af Steven Dickens</h2>
Microsofts Bing er den første trussel mod Googles søgningsdominans i årtier, Microsoft annoncerede, at den har frigivet en ny søgemaskine drevet af Openais Chatgpt -teknologi. Den nye motor kan udgøre en trussel mod Googles dominans af markedet, men Google kontrollerer 93% af den sammenlignet med Bings 3%. Dette skridt er en del af Microsofts plan om at øge sin andel af det digitale reklamemarked på 570 milliarder dollars. I 2022 så Microsoft $ 18 milliarder i reklame gennem søgning og LinkedIn; Google genererede 59 milliarder dollars i Q4 alene i 2018. “For første gang kunne folk se på dette og sige, ‘Dette er en bedre mousetrap, jeg vil bruge dette’, sagde Daniel Newman. At læse hele historien: https: // lnkd.i/dxbfqwk6 #google #microsoft #ai #bing #bard 
<h3>Microsofts Bing er den første trussel mod Googles søgningsdominans i årtier</h3>
<h4>finansiere.Yahoo.com</h4>
<ul>
<li>At kopiere</li>
<li>LinkedIn</li>
<li>Facebook</li>
<li>Twitter</li>
</ul>
Produktmarkedsføringsstyring | Teknisk entusiast | Gamer PC | Rådgiver | Grundlægger | Britisk indianer i Texas | Mand | Far til 3 mennesker & 3 &#55357;&#56374;
Jeg spekulerer på, hvor længe enhed bard og bingpt er tilgængelige for alle?
Identificer dig selv for at vise eller tilføje til hvordan
<h2>Se Steven’s andre indlæg</h2>
VP og praksisleder / tech -analytiker / Forbes bidragyder / podcast vært 1 J.
Progressiv forklaret beskatning. For dem af jer, der hamrer skattelettelser som urimelig og modvirkende de rige …… lidt analogi … antager, at ikonet en weekend, ti mænd går ud for øl og regningen for alle tru kommer til £ 100. Hvis de betalte deres regning, som vi betaler for skatter, ville det gå sådan noget. De første fire mænd (de fattigste) ville ikke betale noget. Den femte ville betale £ 1. Den sjette ville betale £ 3. Den syvende ville betale £ 7. Den ottende ville betale £ 12. Den niende ville betale £ 18. Og lejeren (riich) ville betale £ 59. Så det var det, de besluttede at gøre. De ti mænd drak i baren hver uge og virkede ganske tilfredse med arrangementet, indtil ejeren en dag forårsagede dem et lille problem. “Da du alle er så gode kunder,” sagde han, “jeg vil reducere omkostningerne ved din ugentlige øl med £ 20.”Drikkevarer til de ti mænd ville nu koste kun £ 80. Gruppen ville stadig betale deres regning, som vi betaler vores skatter. Så de første ovnmænd blev ikke påvirket. De ville stadig drikke gratis, men hvad med de andre seks mænd? De betalende kunder? Hvordan kunne de opdele £ 20 -nedfaldet, så alle ville få hans rimelige andel? De besluttede at følge princippet om det skattesystem, de havde brugt, og de fortsatte med at udarbejde de beløb, som hver nu skulle betale. Og så betalte den femte mand, ligesom den første ovn, nu intet (100% besparelse). Den sjette mand betalte nu £ 2 i stedet for £ 3 (en besparelse på 33%). Den syvende mand betalte nu £ 5 i stedet for £ 7 (en besparelse på 28%). Den ottende mand betalte nu £ 9 i stedet for £ 12 (en 25% besparelse). Den niende mand betalte nu £ 14 i stedet for £ 18 (en besparelse på 22%). Og den tiende mand betalte nu £ 49 i stedet for £ 59 (en besparelse på 16%). Hver af de sidste seks var bedre i tankerne før med den første ovn, der fortsætter med at drikke gratis. Men en gang uden for baren begyndte mændene at sammenligne deres besparelser. “Jeg fik kun £ 1 ud af besparelsen på £ 20,” erklærede den sjette mand. Han vippede til den spændte mand, “men han fik £ 10!”” Ja, det er rigtigt, “udbrød den femte mand. ”Jeg sparede kun en £ 1 også. Det er en anfair, at han fik ti gange moron fordel end mig!”” Det er rigtigt!”Råbte den syvende mand. ”Hvorfor skulle han få £ 10 tilbage, da jeg kun fik £ 2? De velhavende får alle pauser!”” Vent på minut, “råbte de første ovnmænd unisont,” vi fik slet ikke noget. Dette nye skattesystem udnytter de fattige!”De ni mænd omringede den tiende og slå ham op. Den næste uge dukkede den tiende mand ikke op til drinks, så de ni satte sig ned og havde deres øl uden ham. Men da det var tid til at betale regningen, opdagede de noget vigtigt – de havde ikke nok penge mellem dem alle til at betale for selv halvdelen af regningen! De mennesker, der allerede betaler de højeste skatter, får naturligvis den mest fordel af en skattereduktion. Skatte dem for meget, angribe dem for at være velhavende, og de dukker måske ikke op mere. Faktisk kan de muligvis begynde at drikke i udlandet, hvor atmosfæren er noget venligere ..
<ul>
<li>At kopiere</li>
<li>LinkedIn</li>
<li>Facebook</li>
<li>Twitter</li>
</ul>
Identificer dig selv for at vise eller tilføje til hvordan
VP og praksisleder / tech -analytiker / Forbes bidragyder / podcast vært 1 J.
Vil du have flere møder? Tæt større tilbud? Lyt til den brutale sandhed om salgspodcast
Enhver til nogle fredags salgskomedie. #Salg og marketing
<ul>
<li>At kopiere</li>
<li>LinkedIn</li>
<li>Facebook</li>
<li>Twitter</li>
</ul>
Identificer dig selv for at vise eller tilføje til hvordan
VP og praksisleder / tech -analytiker / Forbes bidragyder / podcast vært 1 J.
Fornøjelse at gå på Schwab -netværket og tale om Cisco -erhvervelsen af Splunk, hvad der ikke skal lide ved denne aftale? * $ 4B ARR * Global rækkevidde for Splunk * Let vej til lovgivningsmæssig godkendelse https: // lnkd.i/e-j_xqht
<h3>Tech | Schwab Network</h3>
<h4>Schwabnetwork.com</h4>
<ul>
<li>At kopiere</li>
<li>LinkedIn</li>
<li>Facebook</li>
<li>Twitter</li>
</ul>
Identificer dig selv for at vise eller tilføje til hvordan
<h2>Visning af et kort ved hjælp af en billedkontrol i PowerApps og Bing Maps eller Google Maps API</h2>
<img src=”https://pwrappscdn.azureedge.net/cvt-a4f2dab1c9731d2df4af5902e56aea2eac301a5d7d50472645911e47d021d392/images/shared/social/facebook-round.png” alt=”Facebook” /> <img src=”https://pwrappscdn.azureedge.net/cvt-95878f64e111a84b205175bb400e23bc729fef59368dea4cbda7d872c3c59ed1/images/shared/social/twitter-round.png” alt=”Twitter” /> <img src=”https://pwrappscdn.azureedge.net/cvt-2f1e71b7779ae1a16969559bf516f48ea89a59c1b524a795aa107ce16b5c776a/images/shared/social/linkedin-round.png” alt=”LinkedIn” />
Der har været mange anmodninger fra samfundet om evnen til at vise et kort i powerapps. Selvom vi endnu ikke har en kortkontrol i powerapps, kan vi bruge billedkontrol til at vise kort – heldigvis til Bing -kort GULD Google kort via Bing Maps Imagery API & Google statiske kort API henholdsvis.
<h2>Kortscenarier</h2>
Her er de scenarier, som vi bygger i dag ved hjælp af billedkontrol:
<ol>
<li>Vis et kort for en given navngivet leje eller adresse</li>
<li>Vis et kort for den aktuelle GPS -leje af enheden</li>
<li>Zoom ind / zoom ud ved hjælp af en skyder</li>
<li>Naviger til Maps -appen eller websiden, når du klikkes på</li>
</ol>
<h3>Forberedelse</h3>
Få Bing Maps API -tasten ved at fjerne denne URL eller Google Static Maps API -nøgle ved at fjerne denne URL. Bemærk nøglen til brug senere i tutorial.
Opret en i PowerApps Studio eller Web en Ny Blank app (vælg enten telefon- eller tabletlayout efter dit behov).
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/497d6b7d-c630-4b5a-8288-dda99003c0ba.png” alt=”billede” width=”452″ height=”354″ />
<h4>Tilføj en konfigurationsskærm</h4>
Vi opretter først en konfigurationsskærm til at gemme nogle oplysninger, der kan bruges af andre skærme i appen. Omdøbe te Skærm1 til Konfigurationsskærm Fra træudsigten på venstre side.
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/11834e47-531a-4d80-9f14-7298980c1704.png” alt=”billede” width=”350″ height=”212″ />
Indsæt har Tekstinput Kontrol fra Indsæt Tab> Tekst > Tekstinput 
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/ddb74f29-21dc-41d6-a977-84dd70fe0355.png” alt=”billede” width=”435″ height=”251″ />
Omdøbe Kontrollen fra TextInput1 til Txtbingmapsky (Hvis du vil bruge Bing Maps API) eller Txtgooglemapsky (Hvis du vil bruge Google Maps API). Udveksle HintText At “indtaste kortnøgle her” og Standard Til den faktiske nøgleværdi fra Bing -kortene eller Google -kortene fra det første trin i denne tutorial.
Indsæt En anden Tekstinput Kontrol fra Indsæt Tab> Tekst > Tekstinput. Omdøbe Denne kontrol til TxtImageWidth, Skift tipstekst for at “indtaste kort Billedbredde her”, Skift Standard til “”600”(Hvis telefonlayout) eller“1200”(Hvis tabletlayout), ændringer Format til Nummer Fra ruden til højre til højre.
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/8ee84dd0-054e-4bf8-b8f1-bafe78d4e5f4.png” alt=”billede” width=”326″ height=”235″ />
Kopi TxtImageWidth (Ctrl + C) og pasta (Ctrl + V) på samme skærm for at oprette en kopi. Omdøbe Kontrollen til TxtimageHeight, ændre Tipstekst For at “indtaste kortbilledhøjde her”, ændres Standard til “”300”(Til telefonlayout) og“600”(Til tabletlayout).
<h4>Tilføj hovedskærmen</h4>
Indsæt > Ny skærm > Tomt layout.
Omdøbe te Screen2 til Handscreen.
Bevæge sig te Handscreen Op ved at klikke på Flyt op Ikon i kontekstmenuen
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/caa1e2d6-0cef-4106-b220-9049b6256b6b.png” alt=”billede” width=”346″ height=”310″ />
Indsæt > Medier > Billede Kontrol for at tilføje et nyt billede til skærmen.
<img src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/36cd147b-f1c1-4288-a438-a7d4199cad34.png” alt=”billede” width=”610″ height=”190″ />
Omdøbe Kontrollen fra Image1 til ImgmapControl. Indstil Bredde til TxtImageWidth og Højde til TxtimageHeight. 
<h3>Scenario 1: Vis et kort for en given navngivet leje eller adresse</h3>
Lad os indsætte en tekstindgangskontrol for at indtaste lejen eller adressen til kortet: Indsæt Tab> Tekst > Tekstinput. Omdøbe Kontrollen til txtlocation. Flyt det til en leje på skærmen, hvor passende.
Udveksle Tipstekst som “indtast en leje eller adresse” og opbevares Standard Som en tom thong “” eller din yndlingsudlejning – til E.g. Times Square, New York, Seattle osv ..
For at gengive kortet skal du bruge følgende formel i Billede Ejendom for ImgmapControl ::
Til brug af kort kort:
<pre>”https: // dev.Virtual.Net/hvile/v1/billedmateriale/kort/vej/”& luk.Tekst) & “?Mapsize = “& txtImageWidth &”, “& txtImageHeight &” & Key https: // msdn.Microsoft.com/en-US/Library/FF701724.ASPX “Target =” _ blank “rel =” noOpener “>Få et statisk kort Artikel til eksempler og andre parametre. Til Google Maps Brug: <pre >”https: // kort.Googleapis.Com/kort/API/StaticMap?Center = “& encoderl (txtlocation.Tekst) & “& size =” & txtImageWidth & “x” & txtImageHeight & “& Key https: // Udviklere.Google.com/kort/dokumentation/statiske kort/intro “mål =” _ blank “rel =” noopener “>Google Static Maps Developer Guide. Her er skærmbillederne til lejen: Space Needle, Seattle ved hjælp af Bing Maps: <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/855f5877-01e3-4583-9570-8bb480e3aa4a.png” alt=”billede” width=”610″ height=”330″ border=”0″/> Og her er den samme leje ved hjælp af Google Maps (bemærk, at størrelsen er begrænset til 640 × 640 i Google Maps, da jeg bruger version af API): <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/6882c049-1e58-4a73-a7a4-dd38acf7d9ac.png” alt=”billede” width=”610″ height=”333″ border=”0″/> <h3>Spiller med nogle af indstillingerne</h3> Ændring af Imageysets (Bing Maps) og korttyper (Google Maps): Bing -kort Billedspids flere understøttelser. Lad os tilføje en dropdown for at se effekten af at ændre disse Imageysets. Indsæt > Kontroller > Dropdown For at tilføje en dropdown. Omdøbe Kontrollen til Drpbingimagerysts. Indstil Genstande Ejendom til følgende: <pre >)</pre>
Ændre formlen i Billede Ejendom for ImgmapControl At inkludere indstillingen Imageyet:
<pre>”https: // dev.Virtual.Net/hvile/v1/billedmateriale/kort/”& drpbingimagerysetsets.Valgte.Værdi & “/” & Cartierl (txtlocation.Tekst) & “?Mapsize = “& txtImageWidth &”, “& txtImageHeight &” & Key Lazy “Style =” baggrundsbillede: ingen; Float: ingen; Polstring-top: 0px; Padding-venstre: 0px; Margin: 0px Auto; Display: Blok; Polstring-højre: 0px; Grænsebredde: 0px; “title =” image “src =” https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.png “alt =” image “bredde =” 610 “højde =” 339 “grænse =” 0 “/> Google kort Fire understøtninger af Maptypes. Lad os tilføje en dropdown for at se effekten af at ændre disse typer. Indsæt > Kontroller > Dropdown For at tilføje en dropdown. Omdøbe Kontrollen til DRPGOOGLEMAPTYPES. Indstil Genstande Ejendom til følgende: <pre >[“Køreplan”, “felt”, “satellit”, “hybrid”]</pre>
Ændre formlen i Billede Ejendom for ImgmapControl At inkludere MapType -indstillingen:
<pre>”https: // kort.Googleapis.Com/kort/API/StaticMap?Center = “& encoderl (txtlocation.Tekst) & “&& size =” & txtImageWidth & “x” & txtImageHeight & “& mapType =” & drpgooglemaptypes.Valgte.Value & “& Key Lazy” Style = “baggrundsbillede: ingen; float: ingen; polstring-top: 0px; polstring-venstre: 0px; margin: 0px auto; display: blok; polstring-højre: 0px; grænsebredde : 0px; ” Title = “image” src = “https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.png “alt =” image “bredde =” 610 “højde =” 343 “grænse =” 0 “/> Disse MAP -API’er er temmelig magtfulde, og jeg er sikker på, at du vil blive fristet til at prøve andre muligheder, der er tilgængelige til tilpasning. Lad os nu gå videre til det næste scenarie: <h3>Scenario 2: Vis et kort for den aktuelle GPS -leje af enheden</h3> PowerApps giver indfødt adgang til enhedssignaler såsom leje (GPS), acceleration, kompas osv. Lad os bruge lejesignalet til at vise den aktuelle leje på et kort. Til det skal vi bruge den samme txtlocation -tekstindgang til at vise GPS -koordinaterne, hvis vi vælger en vippel til at bruge GPS -leje. Indsæt> kontrol> skift at indsætte en Skift Kontrol på skærmen. Omdøbe det til Tglgpslocation. <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/e637c4bc-cf4e-4740-a7f3-11647088dcf7.png” alt=”billede” width=”570″ height=”463″ border=”0″/> Indsæt> etiket at indsætte en Etiket Kontrol på skærmen. Flyt det ved siden af skiften og omdøbe det til lblgpslocation. Skift teksten til “Brug GPS -leje:”. <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/fef61c0e-cfdd-4ff4-991d-ff608949e655.png” alt=”billede” width=”230″ height=”53″ border=”0″/> Ændre Standard af txtlocation Inputtekst til denne formel: <pre >If (tglgpslocation.Værdi, leje.Latitude & “,” & leje.Længde, “”)</pre>
Til Bing -kort, Ændre formlen i Billede Ejendom for ImgmapControl For at inkludere CenterPoint & Pushpin -indstillingerne (bemærk, at vi også skal tilføje zoomlevel):
<pre>”https: // dev.Virtual.Net/hvile/v1/billedmateriale/kort/”& drpbingimagerysetsets.Valgte.Værdi & “/” & Cartierl (txtlocation.Tekst) & “/15?Mapsize = “& txtImageWidth &”, “& txtImageHeight &” & pp = “& txtlocation.Tekst & “; i+Am+Here & Key Lazy” Style = “Baggrundsbillede: Ingen; float: Ingen; Padding-top: 0px; Padding-venstre: 0px; Margin: 0px Auto; Display: Block; Padding-Right : 0px; grænsebredde: 0px; ” Title = “image” src = “https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3EED2.png “alt =” image “bredde =” 610 “højde =” 306 “grænse =” 0 “/> Til Google kort, Ændre formlen i Billede Ejendom for ImgmapControl For at inkludere indstillingerne for centrum og markører (bemærk, at vi også skal tilføje zoomlevel): <pre >”https: // kort.Googleapis.Com/kort/API/StaticMap?Center = “& encoderl (txtlocation.Tekst) & “& zoom = 15 & size =” & txtImageWidth & “x” & txtImageHeight & “& mapType =” & drpgooglemaptypes.Valgte.Værdi & “& markører = Farve: Blå%7Clabel: M%7C” & Cartierl (txtlocation.Tekst) & “& nøgle doven” stil = “baggrundsbillede: ingen; float: ingen; polstring-top: 0px; polstring-venstre: 0px; margin: 0px Auto; Display: Block; Padding-Right: 0px; Border- Bredde: 0px; ” Title = “image” src = “https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/68B9E899-2ED5-48D6-B020-E98988152735.png “alt =” image “bredde =” 610 “højde =” 550 “grænse =” 0 “/> <h3>Scenario 3: Zoom ind / zoom ud ved hjælp af en skyder</h3> Flytter det sidste scenarie, lad os tilføje en Skyderen Kontroller zoomniveauet. Indsæt> kontrol> skyderen. Omdøbe te Slider1 til Slzoom. Udveksle Standard til 15, Min til 1 & Maks til 21. <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/59279a60-5012-4fc0-bf1d-5d4f9f3f553e.png” alt=”billede” width=”314″ height=”298″ border=”0″/> Tilføj en Etiket Ved siden af skyderen for at betegne zoomniveauet. Indsæt> etiket. Omdøbe Etiketten til lbzoom. Udveksle Tekst Til: “Zoom (1-21):”. <img loading=”lazy” style=”background-image: none; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; border-width: 0px;” title=”billede” src=”https://pwrappscdn.azureedge.net/mediahandler/blog/media/PowerApps/blog/6f3658ba-3343-49b0-87bd-4476a3d45626.png” alt=”billede” width=”610″ height=”69″ border=”0″/> Til Bing -kort, Ændre formlen i Billede Ejendom for ImgmapControl At inkludere zoomlevel fra skyderen. <pre >”https: // dev.Virtual.Net/hvile/v1/billedmateriale/kort/”& drpbingimagerysetsets.Valgte.Værdi & “/” & Cartierl (txtlocation.Tekst) & “/” & slzoom.Værdi og “?Mapsize = “& txtImageWidth &”, “& txtImageHeight &” & pp = “& txtlocation.Tekst & “; i+Am+Here & Key PrettyPrint”> “https: // kort.Googleapis.Com/kort/API/StaticMap?Center = “& encoderl (txtlocation.Tekst) & “& zoom =” & slzoom.Værdi & “& size =” & txtImageWidth & “X” & txtImageHeight & “& mapType =” & drpgooglemaptypes.Valgte.Værdi & “& markører = Farve: Blå%7Clabel: M%7C” & Cartierl (txtlocation.Tekst) & “& Key PrettyPrint”></pre>
<h3>Scenario 4: Naviger til Maps -appen eller websiden, når du klikkes på</h3>
Til sidst, lad os tilføje navigationstrinnet, når vi klikkes på billedet for at åbne den respektive webside eller app.
Til Bing -kort, Tilføj følgende formel i Onselect For ImgmapControl:
Til Google kort, Tilføj følgende formel i Onselect For ImgmapControl:

Steven Dickens på LinkedIn: Microsofts Bing er den første trussel mod Googles søgningsdominans i …, der viser et kort ved hjælp af en billedkontrol i PowerApps og Bing Maps eller Google Maps API | Microsoft Power Apps

Leave a Reply Cancel reply