在PowerApps和Bing Maps或Google Map API中使用圖像控件顯示地圖

更改公式 圖片 屬性 imgmapcontrol 包括ImageYet選項：

史蒂文·狄更斯（Steven Dickens）的帖子

微軟的Bing是數十年來Google搜索主導地位的首次威脅，Microsoft宣布已發布了由OpenAI的Chatgpt Technology提供支持的新搜索引擎. 新引擎可能會對Google的市場占主導地位構成威脅，但是Google控制了93％. 此舉是微軟計劃增加其5700億美元數字廣告市場份額的一部分. 2022年，微軟通過搜索和LinkedIn看到了180億美元的廣告。 Google僅在2018年第四季度就產生了590億美元. 丹尼爾·紐曼（Daniel Newman）說：“這是第一次，人們可以看一下，並說，‘這是一個更好的捕鼠器，我將使用它。”. 閱讀完整的故事：https：// lnkd.在/dxbfqwk6 #google #microsoft #ai #bing #bard

微軟的Bing是數十年來Google搜索主導地位的首次威脅

金融.雅虎.com

• 複製
• LinkedIn
• Facebook
• 推特

產品營銷管理|技術愛好者|玩家PC |顧問|創始人|德克薩斯州的英國印第安人|丈夫|爸爸到3人和3��

我想知道所有人都可以使用多長時間?

確定自己以顯示或添加如何

請參閱史蒂文的其他帖子

副總裁和實踐負責人 /技術分析師 /福布斯貢獻者 /播客主持人1 J.

進步解釋了稅收. 對於你們中的那些人，削減稅收是不公平和對立的富人……有點類比……假設圖標是一個週末，十個人出去喝啤酒，所有TRU的賬單都達到100英鎊. 如果他們按我們支付稅款支付賬單，那將是這樣的. 前四個人（最貧窮）不會付錢. 第五將支付1英鎊. 第六的支付3英鎊. 第七支付7英鎊. 八分之一將支付12英鎊. 第九要支付18英鎊. 租戶人（riich）將支付59英鎊. 所以，這就是他們決定做的. 每週的十個人在酒吧里喝酒，似乎對安排很滿意，直到有一天，所有者給他們帶來了一個小問題. 他說：“既然你們都是如此的好客戶，我將每週啤酒的成本降低20英鎊.“十個人的飲料現在只花費80英鎊. 該集團仍然想按我們繳稅的方式支付賬單. 所以第一個烤箱男人不受影響. 他們仍然會免費喝酒，但是其他六個人呢? 付費客戶? 他們怎麼能分配20英鎊的意外收穫，以便每個人都能獲得公平的份額? 他們決定遵循他們一直使用的稅收制度的原則，然後開始計算每個人現在應該付款的金額. 因此，第五人像第一個烤箱一樣，現在什麼都不付（100％節省）. 第六人現在支付了2英鎊，而不是3英鎊（節省33％）. 第七名男子現在支付了5英鎊，而不是7英鎊（節省28％）. 第八人現在支付了9英鎊而不是12英鎊（節省25％）. 第九名男子現在支付了14英鎊，而不是18英鎊（節省22％）. 第十個人現在支付了49英鎊，而不是59英鎊（節省16％）. 最後六個中的每個烤箱都在免費飲用之前都更加明智. 但是，一旦在酒吧外面，這些人開始比較他們的積蓄. “我只有20英鎊的節省£1，”第六個人說. 他把那個緊張的男人傾倒了，“但他得到了10英鎊!““是的，是的。”第五個人大叫. “我也只節省了1英鎊. 他比我獲得了十倍白痴的好處，這是一個狂熱!““ 這是真的!“大喊第七個人. “當我只得到2英鎊時，他為什麼要回10英鎊? 富人得到了所有的休息!““一分鐘等待，”第一座烤箱男人一致地大喊，“我們一點都沒有得到任何東西. 這個新的稅制利用了窮人!“九個人包圍了第十名，毆打了他. 第二週，第十個人沒有露面，所以九人坐下來，沒有他的啤酒. 但是，當需要支付賬單時，他們發現了一些重要的東西 – 他們之間沒有足夠的錢來支付一半的賬單! 已經繳納最高稅款的人自然會從減稅中獲得最大的收益. 對他們徵稅太多，攻擊他們是有錢的，他們可能不再出現了. 實際上，他們可能會開始在海外喝酒，氣氛更友好……

• 複製
• LinkedIn
• Facebook
• 推特

確定自己以顯示或添加如何

副總裁和實踐負責人 /技術分析師 /福布斯貢獻者 /播客主持人1 J.

你想要更多會議嗎? 結束更大的交易? 聽銷售播客的殘酷真相

任何週五銷售喜劇的人. ＃銷售與市場營銷

• 複製
• LinkedIn
• Facebook
• 推特

確定自己以顯示或添加如何

副總裁和實踐負責人 /技術分析師 /福布斯貢獻者 /播客主持人1 J.

很高興能進入Schwab網絡，並談論Cisco收購Splunk，這筆交易不喜歡? * $ 4B ARR *全球範圍用於Splunk *輕鬆的監管批准途徑https：// lnkd.在/e-j_xqht中

技術| Schwab網絡

Schwabnetwork.com

• 複製
• LinkedIn
• Facebook
• 推特

確定自己以顯示或添加如何

在PowerApps和Bing Maps或Google Map API中使用圖像控件顯示地圖

社區有很多關於在PowerApps中顯示地圖的能力的要求. 雖然我們還沒有PowerApps中的地圖控件，但我們可以使用圖像控件顯示地圖 – 值得慶幸的是 Bing地圖 金子 谷歌地圖 通過 bing地圖圖像API 和 Google靜態地圖API 分別.

地圖方案

以下是我們今天將使用圖像控件構建的方案：

1. 顯示給定名稱租賃或地址的地圖
2. 顯示設備當前GPS租賃的地圖
3. 使用滑塊縮小 /縮小
4. 單擊時導航到地圖應用程序或網頁

準備

通過訪問此URL或通過Visting此URL來訪問此URL或Google靜態地圖API密鑰來獲取Bing Maps API鍵. 請注意以後在教程中使用的密鑰.

在PowerApps工作室或Web中，創建一個 新的 空白應用程序（根據需要選擇電話或平板電腦佈局）.

添加配置屏幕

我們將首先創建一個配置屏幕來存儲應用程序中其他屏幕可以使用的信息. 改名 茶 屏幕1 到 配置屏幕 從左側的樹視圖.

插入 有 文本輸入 控制 插入 選項卡> 文字 > 文本輸入

改名 控制 TextInput1 到 TXTBINGMAPSKEY （如果要使用bing Maps API）或 TXTGOOGLEMAPSKEY （如果要使用Google Maps API）. 交換 hinttext “在此處輸入地圖密鑰”和 預設 從本教程的第一步到Bing地圖或Google地圖的實際鍵值.

插入 其他 文本輸入 控制 插入 選項卡> 文字 > 文本輸入. 改名 這個控製到 txtimagewidth, 將提示文本更改為“在此處輸入地圖圖像寬度”，更改 預設 到 ””600”（如果電話佈局）或1200”（如果平板電腦佈局），請更改 格式 到 數字 從右邊的Pohories Pane.

複製 在同一屏幕中的txtimageWidth（Ctrl + C）和粘貼（Ctrl + V）以創建一個副本. 改名 控制 txtimageheight, 更改 提示文字 要“在此處輸入地圖圖像高度”，請更改 預設 到 ””300”（用於電話佈局）和“600”（用於平板電腦佈局）.

添加主屏幕

插入 > 新屏幕 > 空白佈局.

改名 茶 屏幕2 到 手勢.

移動 茶 手勢 通過單擊 提升 上下文菜單中的圖標

插入 > 媒體 > 圖片 控制將新圖像添加到屏幕.

改名 從Image1到 imgmapcontrol. 設定 寬度 到 txtimagewidth 和 高度 到 txtimageheight.

方案1：顯示給定名稱租賃或地址的地圖

讓我們插入文本輸入控件以輸入地圖的租賃或地址： 插入 選項卡> 文字 > 文本輸入. 改名 控制 txtLocation. 將其移至屏幕上的出租.

交換 提示文字 作為“輸入租金或地址”，並保留 預設 作為一個空的丁字褲“”或您最喜歡的租金 – 對於E.G. 時代廣場，紐約，西雅圖等..

要渲染地圖，請在該地圖中使用以下公式 圖片 屬性 imgmapcontrol ::

用於Bing地圖：使用：

“ https：// dev.虛擬的.net/rest/v1/imagery/map/road/“和關閉.文字) & "?mapsize =“＆txtimageWidth＆”，“”＆txtimageHeight＆“＆key https：// msdn.微軟.com/en-us/library/ff701724.aspx“ target =” _ blank“ rel =“ noopener”>獲取靜態地圖 示例和其他參數的文章.
 
用於Google地圖使用：
 
“ https：//地圖.googleapis.com/maps/api/staticmap?Center =“＆encoderl（txtLocation）.text）＆“＆size =”＆txtimageWidth＆“ x”＆txtimageHeight＆“＆鍵https：//開發人員.Google.com/maps/documentation/static-maps/intro“ target =“ _ blank” rel =“ noopener”>Google靜態地圖開發人員指南.
 
這是租賃的屏幕截圖：太空針，西雅圖使用bing地圖：
 
 
這是使用Google Maps的同一租金（請注意，大小僅限於Google Maps中的640×640，因為我使用的是API的版本）：
 
 
玩一些選項
 
更改ImageSest（Bing Maps）和地圖類型（Google Maps）：
 
Bing地圖 成像集多個支持. 讓我們添加一個下拉列表以查看更改這些ImageySets的效果.
 
插入 > 控件 > 落下 添加下拉. 改名 控制 Drpbingimageryst. 設定 專案 以下財產：
 
[“道路”，“空中”，“ AerialWithlabels”，“ AerialWithlabelSondemand”，“ Canvasdark”，“ Canvaslight”，“ Canvasgray”]
更改公式 圖片 屬性 imgmapcontrol 包括ImageYet選項：
“ https：// dev.虛擬的.NET/REST/V1/IMAGERY/MAP/“＆DRPBINGIMAGERYSETS.選定.值＆“/”和Cartierl（txtLocation.文字) & "?mapsize =“＆txtimageWidth＆”，“”＆txtimageHeight＆“＆key lazy” style =“ background-image：none;浮點：無；填充：0px;左填充：0px;保證金：0px auto;顯示：塊;填充右：0px;邊界寬度：0px;“ title =“ image” src =“ https：//pwrapscdn.azureedge.Net/Media Handler/blog/Media/PowerApps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.png“ alt =” image“ width =” 610“ height =” 339“ border =“ 0”/>
 
谷歌地圖 Maptypes的四個支撐. 讓我們添加一個下拉以查看更改這些類型的效果.
 
插入 > 控件 > 落下 添加下拉. 改名 控制 drpgooglemaptypes. 設定 專案 以下財產：
 
[“路線圖”，“田地”，“衛星”，“混合”]
更改公式 圖片 屬性 imgmapcontrol 包括maptype選項：
“ https：//地圖.googleapis.com/maps/api/staticmap?Center =“＆encoderl（txtLocation）.text）＆“ && size =”＆txtimageWidth＆“ x”＆txtimageHeight＆“＆maptype =”＆drpgooglemaptypes.選定.Value＆“＆key Lazy”樣式=“背景圖像：無; float：none; padding-top：0px; padding-left：0px; Margin; Margin; Margin; Margin; 0px auto; Display; display：block; block; padding- right：0px; border-didthth ：0px;” title =“ image” src =“ https：//pwrapscdn.azureedge.Net/Media Handler/blog/Media/PowerApps/blog/e41fdeab-08DD-4F9B-A930-CDE673496519.png“ alt =” image“ width =” 610“高度=” 343“ border =” 0“/>
 
這些地圖API非常強大，我敢肯定，您將很想嘗試可自定義的其他選項. 現在，讓我們繼續下一個場景：
 
方案2：顯示設備當前GPS的地圖
 
PowerApps提供了本機訪問設備信號的訪問，例如租賃（GPS），加速度，指南針等。. 讓我們使用租賃信號在地圖上顯示當前租金.
 
為此，如果我們選擇一個切換來使用GPS租賃，我們將使用相同的TXTLocation文本輸入顯示GPS坐標.
 
插入>控件>切換 插入一個 切換 屏幕上的控制. 改名 它 TGLGPSLocation.
 
 
插入>標籤 插入一個 標籤 屏幕上的控制. 將其移到切換旁邊 改名 它 lblgpslocation. 將文本更改為“使用GPS租賃：”.
 
 
更改 預設 的 txtLocation 輸入此公式的文本：
 
if（tglgpslocation.價值，租金.緯度＆”，＆租賃.經度，“”）
為了 Bing地圖, 更改公式 圖片 屬性 imgmapcontrol 要包括Centerpoint和Pushpin選項（請注意，我們還必須添加Zoomlevel）：
“ https：// dev.虛擬的.NET/REST/V1/IMAGERY/MAP/“＆DRPBINGIMAGERYSETS.選定.值＆“/”和Cartierl（txtLocation.文字）＆”/15?mapsize =“＆txtimageWidth＆”，“”＆txtimageHeight＆“＆pp =”＆txtLocation.text＆“; i+am+there＆key lazy” style =“背景圖像：無; float：none; padding-top：0px; padding-left：0px; margin; margin; margin：0px auto; display; display：block; padding -right ：0px;邊緣寬度：0px;” title =“ image” src =“ https：//pwrapscdn.azureedge.Net/Media Handler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3EED2.png“ alt =” image“ width =” 610“高度=“ 306” border =“ 0”/>
 
為了 谷歌地圖, 更改公式 圖片 屬性 imgmapcontrol 要包括中心和標記選項（請注意，我們還必須添加Zoomlevel）：
 
“ https：//地圖.googleapis.com/maps/api/staticmap?Center =“＆encoderl（txtLocation）.text）＆“＆Zoom = 15＆size =”＆txtimageWidth＆“ x”＆txtimageHeight＆“＆maptype =”＆drpgooglemaptypes.選定.Value＆“＆Markers =顏色：藍色％7Clabel：m％7C”＆Cartierl（txtLocation.text）＆“＆key lazy” style =“背景圖像：無; float：none; padding-top：0px; padding-left：0px; margin; margin; margin; margin：0px auto; display; display：block; padding- right; padding-right：0px; border-- border--寬度：0px;” title =“ image” src =“ https：//pwrapscdn.azureedge.Net/Media Handler/Blog/Media/PowerApps/Blog/68B9E899-2ED5-48D6-B020-E98988152735.png“ alt =” image“ width =” 610“高度=“ 550” border =“ 0”/>
 
方案3：使用滑塊放大 /縮小
 
移動最終方案，讓我們添加一個 滑桿 控制變焦級別. 插入>控件>滑塊. 改名 茶 slider1 到 slzoom. 交換 預設 到 15, 最小 到 1 和 最大限度 到 21.
 
 
添加一個 標籤 在滑塊旁邊表示變焦級別. 插入>標籤. 改名 標籤為 lbzoom. 交換 文字 到：“ Zoom（1-21）：”.
 
 
為了 Bing地圖, 更改公式 圖片 屬性 imgmapcontrol 包括滑塊的Zoomlevel.
 
“ https：// dev.虛擬的.NET/REST/V1/IMAGERY/MAP/“＆DRPBINGIMAGERYSETS.選定.值＆“/”和Cartierl（txtLocation.文字）＆“/”＆slzoom.價值 ＆ ”?mapsize =“＆txtimageWidth＆”，“”＆txtimageHeight＆“＆pp =”＆txtLocation.文本＆“; i+am+there＆鍵prettyprint”>“ https：//地圖.googleapis.com/maps/api/staticmap?Center =“＆encoderl（txtLocation）.文字）＆“＆zoom =”＆slzoom.值＆“＆size =”＆txtimageWidth＆“ x”＆txtimageHeight＆“＆maptype =”＆drpgooglemaptypes.選定.Value＆“＆Markers =顏色：藍色％7Clabel：m％7C”＆Cartierl（txtLocation.文字）＆“＆key prettyprint”>
方案4：單擊時導航到地圖應用程序或網頁
最後，讓我們在單擊圖像時添加導航步驟以打開相應的網頁或應用.
為了 Bing地圖, 在 OnSelect 為了 imgmapcontrol：
為了 谷歌地圖, 在 OnSelect 為了 imgmapcontrol：