Een kaart weergeven met behulp van een afbeeldingsregeling in PowerApps en Bing -kaarten of Google Maps API

Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om de ImageYet -optie op te nemen:

Post door Steven Dickens

Microsoft’s Bing is de eerste bedreiging voor de Dominance van Google in decennia in decennia Microsoft heeft aangekondigd dat het een nieuwe zoekmachine heeft uitgebracht die is aangedreven door Openai’s Chatgpt -technologie. De nieuwe motor kan een bedreiging vormen voor de dominantie van Google op de markt, maar Google controleert 93% ervan in vergelijking met de 3% van Bing. Deze stap maakt deel uit van het plan van Microsoft om zijn aandeel in de digitale advertentiemarkt van $ 570 miljard te vergroten. In 2022 zag Microsoft $ 18 miljard aan advertenties via Search and LinkedIn; Google genereerde alleen al in Q4 $ 59 miljard. “Voor het eerst konden mensen hiernaar kijken en zeggen:” Dit is een betere mousetrap, ik ga dit gebruiken “, zei Daniel Newman. Om het volledige verhaal te lezen: https: // lnkd.in/dxbfqwk6 #google #microsoft #ai #bing #bard

Microsoft’s Bing is de eerste bedreiging voor de dominantie van Google in decennia

financiën.Yahoo.com

• Kopiëren
• LinkedIn
• Facebook
• Twitter

Productmarketingbeheer | Tech -enthousiasteling | Gamer -pc | Adviseur | Oprichter | Brits Indian in Texas | Echtgenoot | Dad tot 3 mensen & 3 ��

Ik vraag me af hoe lang eenheid Bard en Bingpt voor iedereen beschikbaar zijn?

Identificeer uzelf om weer te geven of toe te voegen aan hoe

Zie de andere berichten van Steven

VP en Practice Leader / Tech Analyst / Forbes medewerker / podcast -host 1 J.

Progressive legde belasting uit. Voor degenen onder u die belastingverlagingen hameren als oneerlijk en tegenstander ten goede komen aan de rijken …… een beetje analogie … veronderstelt dat icoon een weekend, tien mannen uitgaan voor bier en de rekening voor alle Tru komt op £ 100. Als ze hun rekening zouden betalen zoals we betalen voor belastingen, zou het zoiets gaan. De eerste vier mannen (de armsten) zouden niets betalen. De vijfde zou £ 1 betalen. De zesde zou £ 3 betalen. De zevende zou £ 7 betalen. De achtste zou £ 12 betalen. De negende zou £ 18 betalen. En de huurdersman (de Riich) zou £ 59 betalen. Dus dat is wat ze besloten te doen. De tien mannen dronken elke week in de bar en leken best blij met de regeling totdat de eigenaar op een dag een klein probleem heeft veroorzaakt. “Omdat jullie allemaal zulke goede klanten zijn,” zei hij, “ga ik de kosten van je wekelijkse bier met £ 20 verlagen.”Drankjes voor de tien mannen zouden nu slechts £ 80 kosten. De groep wilde nog steeds hun rekening betalen zoals we onze belastingen betalen. Dus de eerste ovenmannen werden niet aangetast. Ze zouden nog steeds gratis drinken, maar hoe zit het met de andere zes mannen? De betalende klanten? Hoe konden ze de meevaller van £ 20 verdelen, zodat iedereen zijn eerlijke aandeel zou krijgen? Ze besloten om het principe van het belastingstelsel dat ze hadden te gebruiken te volgen. En dus betaalde de vijfde man, net als de eerste oven, nu niets (100% sparen). De zesde man betaalde nu £ 2 in plaats van £ 3 (een besparing van 33%). De zevende man betaalde nu £ 5 in plaats van £ 7 (een besparing van 28%). De achtste man betaalde nu £ 9 in plaats van £ 12 (een besparing van 25%). De negende man betaalde nu £ 14 in plaats van £ 18 (een besparing van 22%). En de tiende man betaalde nu £ 49 in plaats van £ 59 (een sparen van 16%). Elk van de laatste zes was eerder beter uit de geest met de eerste oven die gratis doorging om gratis te drinken. Maar eenmaal buiten de bar begonnen de mannen hun spaargeld te vergelijken. “Ik heb slechts £ 1 van de £ 20 besparing gekregen”, verklaarde de zesde man. Hij tipte aan de gespannen man, “maar hij kreeg £ 10!”” Ja, dat klopt, “riep de vijfde man uit. “Ik heb ook alleen een £ 1 bespaard. Het is een anfair die hij tien keer idioot heeft gekregen dan ik!”” Dat is waar!”Schreeuwde de zevende man. “Waarom zou hij £ 10 terug krijgen, toen ik maar £ 2 kreeg? De rijken krijgen alle pauzes!”” Wacht op minuut, “schreeuwde de eerste ovenmannen samen,” we hebben helemaal niets gekregen. Dit nieuwe belastingstelsel maakt gebruik van de armen!’De negen mannen omringden de tiende en sloegen hem in elkaar. De volgende week kwam de tiende man niet opdagen voor een drankje, dus gingen de negen zitten en hadden hun biertjes zonder hem. Maar toen het tijd werd om de rekening te betalen, ontdekten ze iets belangrijks – ze hadden niet genoeg geld tussen hen allemaal om te betalen voor zelfs de helft van de rekening! De mensen die al de hoogste belastingen betalen, zullen natuurlijk het meeste profiteren van een belastingvermindering. Belast ze te veel, val ze aan omdat ze rijk zijn en ze komen misschien niet meer opdagen. In feite kunnen ze in het buitenland beginnen te drinken, waar de sfeer enigszins vriendelijker is ..

• Kopiëren
• LinkedIn
• Facebook
• Twitter

Identificeer uzelf om weer te geven of toe te voegen aan hoe

VP en Practice Leader / Tech Analyst / Forbes medewerker / podcast -host 1 J.

Wil je meer vergaderingen? Sluit grotere deals? Luister naar de brutale waarheid over verkooppodcast

Iedereen voor wat vrijdag -verkoopkomedie. #Verkoop & Marketing

• Kopiëren
• LinkedIn
• Facebook
• Twitter

Identificeer uzelf om weer te geven of toe te voegen aan hoe

VP en Practice Leader / Tech Analyst / Forbes medewerker / podcast -host 1 J.

Plezier om op het Schwab -netwerk te gaan en te praten over de Cisco -acquisitie van Splunk wat niet zo leuk is aan deze deal? * $ 4B van arr * Wereldwijd bereik voor Splunk * Eenvoudig pad naar wettelijke goedkeuring https: // lnkd.in/e-j_xqht

Tech | Schwab -netwerk

Schwabnetwork.com

• Kopiëren
• LinkedIn
• Facebook
• Twitter

Identificeer uzelf om weer te geven of toe te voegen aan hoe

Een kaart weergeven met behulp van een afbeeldingsregeling in PowerApps en Bing -kaarten of Google Maps API

Er zijn veel verzoeken van de community geweest over de mogelijkheid om een ​​kaart in PowerApps weer te geven. Hoewel we nog geen kaartenbesturing hebben in PowerApps, kunnen we de afbeeldingsregeling gebruiken om kaarten weer te geven – gelukkig aan Bing -kaarten GOUD Google Maps via de Bing kaarten afbeeldingen API & Google Static Maps API respectievelijk.

Kaartscenario’s

Hier zijn de scenario’s die we vandaag zullen bouwen met behulp van de afbeelding:

1. Geef een kaart weer voor een bepaalde benoemde huur of adres
2. Geef een kaart weer voor de huidige GPS -verhuur van het apparaat
3. Zoom in / uitzoomen met een schuifregelaar
4. Navigeer naar de MAPS -app of webpagina wanneer geklikt

Voorbereiding

Haal de Bing Maps API -sleutel door deze URL of de Google Static Maps API -toets uit te vullen door deze URL uit te vullen. Let op de sleutel voor gebruik later in de tutorial.

Maak een in de PowerApps Studio of Web een Nieuw Blanco app (kies een telefoon- of tabletlay -out volgens uw behoefte).

Voeg een configuratiescherm toe

We maken eerst een configuratiescherm om wat informatie op te slaan die door andere schermen in de app kan worden gebruikt. Hernoeming thee Screen1 naar Configurationscreen Vanuit het boomaanzicht aan de linkerkant.

Invoegen heeft Tekst invoer Controle van de Invoegen Tab> Tekst > Tekst invoer

Hernoeming De controle van TextInput1 naar Txtbingmapskey (Als u de Bing Maps API wilt gebruiken) of Txtgooglemapskey (Als u Google Maps API wilt gebruiken). Aandelenbeurs Hinttext Om “Kaartensleutel hier in te voeren” en de Standaard Naar de werkelijke sleutelwaarde van de Bing -kaarten of de Google Maps uit de eerste stap van deze tutorial.

Invoegen Een andere Tekst invoer Controle van de Invoegen Tab> Tekst > Tekst invoer. Hernoeming Deze controle voor Txtimagewidth, Wijzig hinttekst in “Voer hier de afbeelding van de kaarten in”, verander Standaard naar “”600”(Als telefoonindeling) of“1200”(Als tabletlay -out), verandert Formaat naar Nummer Van het rekendeelvenster aan de rechterkant.

Kopiëren De txtimageWidth (ctrl + c) en plakken (ctrl + v) in hetzelfde scherm om een ​​kopie te maken. Hernoeming De controle van TxtimageHeight, verander de Hint tekst Om “Kaarten in te voeren, de beeldhoogte hier”, verandert Standaard naar “”300”(Voor telefoonindeling) en“600”(Voor tabletindeling).

Voeg het hoofdscherm toe

Invoegen > Nieuw scherm > Blanco lay -out.

Hernoeming thee Scherm2 naar Handscreen.

Beweging thee Handscreen Omhoog door te klikken op de Omhoog gaan Pictogram in het contextmenu

Invoegen > Media > Afbeelding Controle om een ​​nieuwe afbeelding aan het scherm toe te voegen.

Hernoeming De besturing van afbeelding1 tot Imgmapcontrol. Stel de Breedte naar Txtimagewidth En Hoogte naar TxtimageHeight.

Scenario 1: Geef een kaart weer voor een bepaalde benoemde huur of adres

Laten we een tekstinvoercontrole invoegen om de huur of het adres voor de kaart in te voeren: Invoegen Tab> Tekst > Tekst invoer. Hernoeming De controle van txtlocatie. Verplaats het naar een huur in het scherm waar pointiat.

Aandelenbeurs Hint tekst Als “een huur of adres invoeren” en behouden Standaard als een lege string “” of je favoriete huur – voor E.G. Times Square, New York, Seattle enz ..

Gebruik de volgende formule in de kaart voor het weergeven van de kaart Afbeelding Eigendom van de Imgmapcontrol ::

Voor bingkaarten gebruiken:

"https: // dev.virtueel.NET/REST/V1/Imagement/Map/Road/"& Sluit.Tekst) & "?Mapsize = "& txtimageWidth &", "& txtimageHeight &" & key https: // msdn.Microsoft.com/en-US/Library/FF701724.ASPX "Target =" _ Blank "rel =" NOOpener ">Koop een statische kaart Artikel voor voorbeelden en andere parameters.
 
Voor gebruik van Google Maps:
 
"https: // kaarten.Googleapis.Com/kaarten/API/staticmap?Center = "& encoderl (txtlocatie.Tekst) & "& size =" & txtimagewidth & "x" & txtimageHeight & "& key https: // Developers.Google.com/kaarten/documentatie/static-maps/intro "target =" _ blank "rel =" nOOpener ">Google Static Maps Developer Guide.
 
Hier zijn de screenshots voor de huur: Space Naald, Seattle met behulp van Bing -kaarten:
 
 
En hier is dezelfde huur met behulp van Google Maps (merk op dat de grootte beperkt is tot 640 × 640 in Google Maps, omdat ik de versie van de API gebruik):
 
 
Spelen met enkele opties
 
Imageysets (Bing -kaarten) en kaarttypen (Google Maps) wijzigen:
 
Bing -kaarten Imagerysets meerdere steunen. Laten we een vervolgkeuzelijst toevoegen om het effect te zien van het wijzigen van deze Imageysets.
 
Invoegen > Controles > Laten vallen Om een ​​vervolgkeuzelijst toe te voegen. Hernoeming De controle van Drpbingimagerysts. Stel de Items Eigendom van het volgende:
 
["Road", "Aerial", "AerialWithlabels", "AerialWithlabelsondemand", "Canvasdark", "Canvaslight", "Canvasgray"]
 
Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om de ImageYet -optie op te nemen:
 
"https: // dev.virtueel.Net/rust/v1/beelden/map/"& drpbingimagerysets.Geselecteerd.Waarde & "/" & cartierl (txtlocation.Tekst) & "?Mapsize = "& txtimageWidth &", "& txtimageHeight &" & key lazy "style =" Achtergrond-image: geen; Float: None; Padding-top: 0px; Padding-links: 0px; Marge: 0px auto; Display: blok; Padding-recht: 0px; Border-breedte: 0px; "title =" afbeelding "src =" https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.png "alt =" image "width =" 610 "height =" 339 "border =" 0 "/>
 
Google Maps Vier steunen van MapTypes. Laten we een vervolgkeuzelijst toevoegen om het effect te zien van het veranderen van deze typen.
 
Invoegen > Controles > Laten vallen Om een ​​vervolgkeuzelijst toe te voegen. Hernoeming De controle van DRPGOOGLEMAPTYPES. Stel de Items Eigendom van het volgende:
 
["Roadmap", "Field", "Satellite", "Hybrid"]
 
Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om de MapType -optie op te nemen:
 
"https: // kaarten.Googleapis.Com/kaarten/API/staticmap?Center = "& encoderl (txtlocatie.Tekst) & "&& size =" & txtimageWidth & "x" & txtimageHeight & "& mapType =" & drpgooglemaptypes.Geselecteerd.Waarde & "& key lazy" style = "Achtergrond-beeld: geen; float: geen; padding-top: 0px; padding-left: 0px; marge: 0px auto; display: Block; Padding-rechts: 0px; rand-breedte : 0px; " Title = "afbeelding" src = "https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.png "alt =" image "width =" 610 "height =" 343 "border =" 0 "/>
 
Deze kaart -API's zijn behoorlijk krachtig en ik ben er zeker van dat je in de verleiding komt om andere beschikbare opties uit te proberen voor aanpassing. Laten we nu doorgaan naar het volgende scenario:
 
Scenario 2: Geef een kaart weer voor de huidige GPS -verhuur van het apparaat
 
PowerApps biedt native toegang tot apparaatsignalen zoals verhuur (GPS), versnelling, kompas, enz. Laten we het huursignaal gebruiken om de huidige huur op een kaart te tonen.
 
Daarvoor zullen we dezelfde txtlocatietekstinvoer gebruiken om de GPS -coördinaten weer te geven als we een schakelaar selecteren om GPS -verhuur te gebruiken.
 
Invoegen> bedieningselementen> schakelen om een Schakelaar Controle op het scherm. Hernoeming het aan TGLGPSLOCATIE.
 
 
Invoegen> label om een Etiket Controle op het scherm. Verplaats het naast de toggle en hernoeming het aan LBLGPSLOCATIE. Wijzig de tekst in "gebruik GPS -verhuur:".
 
 
Verander de Standaard van de txtlocatie Voer tekst in deze formule in:
 
If (tglgpslocatie.Waarde, huur.Latitude & "," & verhuur.Lengtegraad, "")
 
Voor Bing -kaarten, Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om de Opties van CenterPoint & Pushpin op te nemen (let op dat we ook het zoomlevel moeten toevoegen):
 
"https: // dev.virtueel.Net/rust/v1/beelden/map/"& drpbingimagerysets.Geselecteerd.Waarde & "/" & cartierl (txtlocation.Tekst) & "/15?Mapsize = "& txtimageWidth &", "& txtimageHeight &" & pp = "& txtlocation.Tekst & "; i+am+hier & key lazy" style "style =" achtergrond-image: geen; float: geen; padding-top: 0px; padding-links: 0px; marge: 0px auto; display: block; padding-rechts : 0px; grensbreedte: 0px; " Title = "afbeelding" src = "https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3ED2.png "alt =" image "width =" 610 "height =" 306 "border =" 0 "/>
 
Voor Google Maps, Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om de opties voor Center & Markers op te nemen (let op dat we ook het zoomlevel moeten toevoegen):
 
"https: // kaarten.Googleapis.Com/kaarten/API/staticmap?Center = "& encoderl (txtlocatie.Tekst) & "& Zoom = 15 & size =" & txtimageWidth & "X" & txtimageHeight & "& MapType =" & drpgooglemaptypes.Geselecteerd.Waarde & "& markers = kleur: blauw%7Clabel: m%7c" & cartierl (txtlocatie.Tekst) & "& key lazy" style = "Achtergrond-image: geen; float: geen; padding-top: 0px; padding-left: 0px; marge: 0px auto; display: Block; Padding-Right: 0px; Border- Breedte: 0px; " Title = "afbeelding" src = "https: // pwrapscdn.Azureedge.Net/MediaHandler/Blog/Media/PowerApps/Blog/68B9E899-2ED5-48D6-B020-E98988152735.png "alt =" afbeelding "width =" 610 "height =" 550 "border =" 0 "/>
 
Scenario 3: inzoomen / uitzoomen met een schuifregelaar
 
Het laatste scenario verplaatsen, laten we een Schuifregelaar Controleer het zoomniveau. Invoegen> bedieningselementen> schuifregelaar. Hernoeming thee Slider1 naar slzoom. Aandelenbeurs Standaard naar 15, Min naar 1 & Maximaal naar 21.
 
 
Voeg een ... toe Etiket Naast de schuifregelaar om het zoomniveau aan te duiden. Invoegen> label. Hernoeming Het label om lbzoom. Aandelenbeurs Tekst Aan: "Zoom (1-21):".
 
 
Voor Bing -kaarten, Verander de formule in de Afbeelding Eigendom van de Imgmapcontrol Om het zoomniveau van de schuifregelaar op te nemen.
 
"https: // dev.virtueel.Net/rust/v1/beelden/map/"& drpbingimagerysets.Geselecteerd.Waarde & "/" & cartierl (txtlocation.Tekst) & "/" & SLZOOM.Waarde & "?Mapsize = "& txtimageWidth &", "& txtimageHeight &" & pp = "& txtlocation.Tekst & "; i+am+hier & Key PrettyPrint"> "https: // kaarten.Googleapis.Com/kaarten/API/staticmap?Center = "& encoderl (txtlocatie.Tekst) & "& Zoom =" & Slzoom.Waarde & "& size =" & txtimageWidth & "X" & txtimageHeight & "& mapType =" & drpgooglemaptypes.Geselecteerd.Waarde & "& markers = kleur: blauw%7Clabel: m%7c" & cartierl (txtlocatie.Tekst) & "& sleutel PrettyPrint">
 
Scenario 4: Navigeer naar de app Maps of Web Page wanneer geklikt
 
Laten we ten slotte de navigatiestap toevoegen wanneer ze op de afbeelding klikken om de respectieve webpagina of app te openen.
 
Voor Bing -kaarten, Voeg de volgende formule toe in de Te selecteren voor de Imgmapcontrol:
 
Voor Google Maps, Voeg de volgende formule toe in de Te selecteren voor de Imgmapcontrol: