Steven Dickens on LinkedIn: Microsoft’s Bing is the First Threat to Google’s Search Dominance in…, Displaying A Map Using An Image Control in Powerapps and Bing Maps Or Google Maps Api | Microsoft Power Apps
Displaying A Map Using An Image Control in Powerapps and Bing Maps Or Google Maps Api
Change the Formula in the Picture Property of the ImgmapControl To include the imageyet option:
Post by Steven Dickens
Microsoft’s Bing is the first threat to google’s search dominance in decades Microsoft announced that it has released a new Search Engine Powered by Openai’s Chatgpt Technology. The New Engine Could Pose A Threat to Google’s Dominance of the Market, But Google Controls 93% of it Compared to Bing’s 3%. This move is part of Microsoft’s Plan to Increase its Share of the $ 570 Billion Digital Advertising Market. In 2022, Microsoft SAW $ 18 Billion in advertisement through Search and LinkedIn; Google Generated $ 59 Billion During Q4 Alone in 2018. “For the First Time, People Could Look at this and say,‘ This is a Better Mousetrap, i’m Going to use this ’,” Said Daniel Newman. To read the Full Story: https: // lnkd.in/dxbfqwk6 #google #Microsoft #AI #bing #Bard
Microsoft’s Bing is the First Threat to google’s Search Dominance in Decades
finance.yahoo.com
- To copy
Product Marketing Management | Tech Enthusiast | Gamer PC | Advisor | Founder | British Indian in Texas | Husband | Dad to 3 Humans & 3
I WONDER how long unit bard and bingpt are available to all?
Identify yourself to display or add to how
See Steven’s other posts
VP and Practice Leader / Tech Analyst / Forbes Contributor / Podcast Host 1 J.
Progressive Explained Taxation. For Those of You Hammering Tax Cuts AS Unfair and opponently Benefitting the Rich …… a Little analogy… supposes that icon a weekend, ten men go out for beer and the bill for all tru comes to £ 100. If they paid their bill the way we pay for taxes, it would go something like this. The First Four Men (The Poorest) Would Pay Nothing. The Fifth Would Pay £ 1. The Sixth Would Pay £ 3. The Seventh WOULD PAY £ 7. The Eighth Would Pay £ 12. The Ninth Would Pay £ 18. And the tenant man (the riich) would pay £ 59. So, that’s what they decided to do. The Ten Men Drank in the Bar Every Week and Seemed Quite Happy With The Arrangement Until, One Day, The Owner Caused Them A Little Problem. “Since you are all such good customers,” he said, “I’m going to reduce the cost of your weekly beer by £ 20.”Drinks for the Ten Men Would Now Cost Just £ 80. The Group Still Wanted To Pay Their Bill The Way We Pay Our Taxes. So the first oven men were unaffected. They would still drink for free but what about the other six men? The Paying Customers? How could they divide the £ 20 Windfall so that Everyone Would Get His Fair Share? They Decided to follow the Principle of the Tax System They Had Been Using and They Proceeded to Work Out the Amounts that Each Should Now Pay. And so, the fifth man, like the first oven, now paid Nothing (100% Saving). The Sixth Man Now Paid £ 2 INSTEAD OF £ 3 (A 33% SAVING). The Seventh Man Now Paid £ 5 INSTEAD OF £ 7 (A 28% SAVING). The Eighth Man Now Paid £ 9 INSTEAD OF £ 12 (A 25% SAVING). The Ninth Man Now Paid £ 14 INSTEAD OF £ 18 (A 22% SAVING). And the tenth man now paid £ 49 INSTEAD OF £ 59 (A 16% SAVING). Each of the Last Six was Better off mind before with the first oven contining to drink for free. But, Once Outside The Bar, The Men Began to Compare Their Savings. “I Only Got £ 1 Out of the £ 20 Saving,” Declared the Sixth Man. He tipped to the tense man, “but he got £ 10!”” Yeah, that’s right, “exclaimed the fifth man. “I only saved a £ 1 too. It’s an anfair that he got ten times moron benefit than me!”” That’s True!”Shouted the Seventh Man. “Why should he get £ 10 back, when i only Got £ 2? The Wealthy Get All The Breaks!”” Wait at minute, “yelled the first oven men in unison,” we Didn’t Get Anything at All. This new tax system exploits the poor!”The Nine Men Surrounded The Tenth and Beat Him Up. The Next Week The Tenth Man Didn’t Show Up For Drinks, So The Nine Sat Down and Had Their Beers Without Him. But when it Came Time to Pay the Bill, they Discovered Something Important – They Didn’t Have Enough Money Between All of Them To Pay For Even Half of the Bill! The People who Already Pay the Highest Taxes Will Naturally Get The Most Benefit from a tax reduction. Tax Them Too Much, Attack Them for Being Wealthy and They Just Might Not Show Up Anymore. In Fact, they might start drinking overseas, where the atmosphere is somewhat friendlier…
- To copy
Identify yourself to display or add to how
VP and Practice Leader / Tech Analyst / Forbes Contributor / Podcast Host 1 J.
Do you want more meetings? Close Larger Deals? Listen to the brutal truth about Sales Podcast
Anyone for some Friday Sales Comedy. #Sales #Marketing
- To copy
Identify yourself to display or add to how
VP and Practice Leader / Tech Analyst / Forbes Contributor / Podcast Host 1 J.
PLEASURE to go on the schwab network and talk about the cisco Acquisition of Splunk What is not to like about this deal? * $ 4b of arr * Global Reach for Splunk * Easy Path to Regulatory Approval https: // LNKD.in/e-j_xqht
Tech | Schwab Network
Schwabnetwork.com
- To copy
Identify yourself to display or add to how
Displaying A Map Using An Image Control in Powerapps and Bing Maps Or Google Maps Api
There have been a lot of Requests from the Community about the Ability to Display A Map in Powerapps. While we don’t yet have a maps control in Powerapps, we can use the image control to display Maps – Thankfully to Bing Maps GOLD Google Maps via the Bing Maps Imagery API & Google Static Maps API respectively.
Map scenarios
Here are the scenarios that we will build tODAY USING THE IMAGE Control:
- Display a map for a given named rental or address
- Display a map for the Current GPS Rental of the Device
- Zoom in / zoom out Using a slider
- Navigate to the maps app or web page when clicked
Preparation
Get the Bing Maps Api Key by Visting This Url or the Google Static Maps Api Key by Visting this url. Note Down the Key for Use Later in the Tutorial.
In the Powerapps Studio or Web, Create A New BLANK APP (Pick EITHER Phone or Tablet Layout as Per Your Need).
ADD A Configuration Screen
We’ll First Create A Configuration Screen to Store Some Information Which can be used by other Screens in the app. Rename tea Screen1 to Configurationscreen from the tree view on the left side.
Insert has Text input Control from the Insert Tab> Text > Text input
Rename The Control from Textinput1 to TXTBINGMAPSKEY (If you want to use the bing maps api) or TXTGOOGLEMAPSKEY (If you want to use Google Maps API). Exchange Hinttext To “Enter Maps Key here” and the Default To the Actual Key Value from the bing maps or the google maps from the first step of this tutorial.
Insert Another Text input Control from the Insert tab> Text > Text input. Rename This control to Txtimagewidth, Change Hint Text to “Enter Maps Image Width Here”, Change Default to “”600”(If Phone Layout) or“1200”(If Tablet Layout), changes Format to Number from the properies pane on the right.
Copy The txtimagewidth (Ctrl + C) and Paste (Ctrl + V) in the Same Screen to Create A Copy. Rename The Control To Txtimageheight, change the Hint Text To “Enter Maps Image Height Here”, changes Default to “”300”(For Phone Layout) and“600”(For Tablet Layout).
Add The Main Screen
Insert > New Screen > Blank layout.
Rename tea Screen2 to Handscreen.
Move tea Handscreen Up by clicking on the Move up icon in the context menu
Insert > Media > Picture Control to add a new image to the screen.
Rename The control from image1 to ImgmapControl. Set the Width to Txtimagewidth and Height to Txtimageheight.
Scenario 1: Display a map for a given named rental or address
Let’s insert a text input control to enter the rental or address for the map: Insert Tab> Text > Text input. Rename The Control To txtlocation. Move it to a rental in the screen where appropriat.
Exchange Hint Text as “enter a rental or address” and keep Default as an empty thong “” or your favorite rental – for e.g. Times Square, New York, Seattle etc ..
For rendering the map, use the following formula in the Picture Property of the ImgmapControl ::
For bing maps use:
"https: // dev.virtual.Net/Rest/V1/IMAGERY/MAP/ROAD/"& CLOSE.Text) & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & Key https: // msdn.microsoft.com/En-US/Library/FF701724.aspx "target =" _ blank "rel =" noopener ">Get A Static Map article for examples and other parameters.For Google Maps Use:
"https: // maps.googleapis.Com/Maps/API/Staticmap?Center = "& encoderl (txtlocation.Text) & "& size =" & txtimagewidth & "x" & txtimageheight & "& Key https: // Developers.Google.com/Maps/Documentation/Static-Maps/Intro "Target =" _ Blank "Rel =" Noopener ">Google Static Maps Developer Guide.Here are the Screenshots for the rental: Space Needle, Seattle Using Bing Maps:
And here is the same rental using google maps (note the size is restricted to 640 × 640 in google maps, as I am using version of the api):
Playing with some of the options
Changing ImageySets (Bing Maps) and Map Types (Google Maps):
Bing Maps ImagerySets multiple supports. Lets Add a Dropdown to see the Effect of Changing These ImageySets.
Insert > Controls > Dropdown To add a dropdown. Rename The Control To DRPBINGIMAGERYSTS. Set the Items Property to the Following:
["Road", "Aerial", "Aerialwithlabels", "Aerialwithlabelsondemand", "Canvasdark", "Canvaslight", "CanvasGray"]Change the Formula in the Picture Property of the ImgmapControl To include the imageyet option:
"https: // dev.virtual.Net/Rest/V1/IMAGERY/MAP/"& DRPBINGIMAGERYSETS.Selected.Value & "/" & Cartierl (txtlocation.Text) & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & Key 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 =" 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 "/>Google Maps Four supports of Maptypes. Lets Add a Dropdown to see the Effect of Changing These Types.
Insert > Controls > Dropdown To add a dropdown. Rename The Control To DRPGOOGLEMAPTYPES. Set the Items Property to the Following:
["Roadmap", "field", "satellite", "hybrid"]Change the Formula in the Picture Property of the ImgmapControl To include the Maptype Option:
"https: // maps.googleapis.Com/Maps/API/Staticmap?Center = "& encoderl (txtlocation.Text) & "&& size =" & txtimagewidth & "x" & txtimageheight & "& Maptype =" & Drpgooglemaptypes.Selected.Value & "& Key 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 = "image" src = "https: // pwrapscdn.Azureedge.Net/Mediahandler/Blog/Media/Powerapps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.png "alt =" image "width =" 610 "height =" 343 "Border =" 0 "/>These map apis Are Pretty Powerful and I am sure, you will be tempted to try out other options available for customization. For Now Let’s Move on to the Next Scenario:
Scenario 2: Display A Map for the Current GPS Rental of the Device
Powerapps Provids Native Access to Device Signals Such as Rental (GPS), Acceleration, Compass, etc. Let’s use the rental signal to show the current rental on a map.
For that, we shall use the same txtlocation text input to display the gps coordinates if we select a toggle to use gps rental.
Insert> Controls> Toggle to insert a Toggle Control on the Screen. Rename it to TGLGPSLocation.
Insert> Label to insert a Label Control on the Screen. Move it next to the Toggle and rename it to lblgpslocation. Change the text to “use gps rental:”.
Change the Default of the txtlocation Input text to this formula:
IF (TGLGPSLocation.Value, rental.Latitude & "," & rental.Longitude, "")For Bing Maps, Change the Formula in the Picture Property of the ImgmapControl To include The Centerpoint & Pushpin Options (note we have to add the zoomlevel as well):
"https: // dev.virtual.Net/Rest/V1/IMAGERY/MAP/"& DRPBINGIMAGERYSETS.Selected.Value & "/" & Cartierl (txtlocation.Text) & "/15?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtlocation.Text & "; I+AM+Here & Key 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 = "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 "/>For Google Maps, Change the Formula in the Picture Property of the ImgmapControl To include The Center & Markers Options (note we have to add the zoomlevel as well):
"https: // maps.googleapis.Com/Maps/API/Staticmap?Center = "& encoderl (txtlocation.Text) & "& zoom = 15 & size =" & txtimagewidth & "x" & txtimageheight & "& Maptype =" & Drpgooglemaptypes.Selected.Value & "& Markers = Color: Blue%7clabel: M%7C" & Cartierl (txtlocation.Text) & "& Key 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 = "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 "/>Scenario 3: zoom in / zoom out using a slider
Moving the Final Scenario, Lets Add A Slider Control the Zoom Level. Insert> Controls> Slider. Rename tea Slider1 to slzoom. Exchange Default to 15, Min to 1 & Max to 21.
Add a Label Next to the Slider to Denote the Zoom Level. Insert> Label. Rename The label to lbzoom. Exchange Text To: “Zoom (1-21):”.
For Bing Maps, Change the Formula in the Picture Property of the ImgmapControl To include the zoomlevel from the slider.
"https: // dev.virtual.Net/Rest/V1/IMAGERY/MAP/"& DRPBINGIMAGERYSETS.Selected.Value & "/" & Cartierl (txtlocation.Text) & "/" & Slzoom.Value & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtlocation.Text & "; I+AM+Here & Key Prettyprint"> "Https: // Maps.googleapis.Com/Maps/API/Staticmap?Center = "& encoderl (txtlocation.Text) & "& zoom =" & slzoom.Value & "& size =" & txtimagewidth & "x" & txtimageheight & "& Maptype =" & Drpgooglemaptypes.Selected.Value & "& Markers = Color: Blue%7clabel: M%7C" & Cartierl (txtlocation.Text) & "& Key Prettyprint">Scenario 4: navigate to the maps app or web page when clicked
Lastly, Lets Add the Navigation Step When Clicked On The Image To Open Up The Respective Web Page or App.
For Bing Maps, Add the following formula in the Onselect for the ImgmapControl:
For Google Maps, Add the following formula in the Onselect for the ImgmapControl: