PowerAppsとBing MapsまたはGoogleマップAPIの画像コントロールを使用してマップを表示する

の式を変更します 写真 の財産 imgmapcontrol ImageYetオプションを含めるには：

スティーブン・ディケンズによる投稿

MicrosoftのBingは、数十年のGoogleの検索支配に対する最初の脅威であり、MicrosoftはOpenaiのChatGPTテクノロジーを搭載した新しい検索エンジンをリリースしたと発表しました。. 新しいエンジンはGoogleの市場の支配に脅威を与える可能性がありますが、GoogleはBingの3％と比較して93％を制御しています. この動きは、5700億ドルのデジタル広告市場のシェアを増やすというマイクロソフトの計画の一部です. 2022年、Microsoftは検索とLinkedInを通じて180億ドルの広告を見ました。 Googleは2018年に第4四半期だけで590億ドルを生み出しました. 「初めて、人々はこれを見て、「これはより良いマウストラップだ、私はこれを使うつもりだ」と言うことができました」とダニエル・ニューマンは言いました。. 完全なストーリーを読むには：https：// lnkd.in/dxbfqwk6 #google #microsoft #ai #bing #bard

MicrosoftのBingは、数十年ぶりのGoogleの検索支配に対する最初の脅威です

ファイナンス.Yahoo.com

• コピーする
• LinkedIn
• フェイスブック
• ツイッター

製品マーケティング管理|技術愛好家|ゲーマーPC |アドバイザー|創設者|テキサスのイギリスのインド人|夫|お父さんから3人の人間と3��

すべての人がユニットバードとビングプトがどれくらい利用できるのかしら?

自分自身を特定して、どのように表示するか、追加してください

スティーブンの他の投稿を参照してください

VPおよび実践リーダー /テックアナリスト /フォーブスの寄稿者 /ポッドキャストホスト1 j.

プログレッシブは課税を説明しました. 減税を不公平で反対に利益をもたらしている人のために……ちょっとした類似点…週末のアイコン、10人の男性がビールに出かけ、すべてのTRUの請求書が£100になります. 彼らが私たちが税金を支払う方法で彼らの請求書を支払った場合、それはこのようなものになります. 最初の4人の男性（最も貧しい）は何も支払わないでしょう. 5番目は£1を支払います. 6番目は£3を支払います. 7番目は£7を支払います. 8番目は£12を支払います. 9番目は18ポンドを支払います. テナントマン（リッチ）は£59を支払います. だから、それは彼らがやろうと決めたことです. 10人の男性が毎週バーで飲んでいて、ある日、所有者が少し問題を引き起こすまで、アレンジに非常に満足しているように見えました. 「あなたはすべてそのような良い顧客なので」と彼は言った、「私はあなたの毎週のビールのコストを20ポンド削減するつもりです.「10人の男性のための飲み物はわずか80ポンドです. グループはまだ私たちが税金を支払う方法で彼らの請求書を支払うことを望んでいました. そのため、最初のオーブンの男性は影響を受けませんでした. 彼らはまだ無料で飲むでしょうが、他の6人の男性はどうですか? 有料の顧客? 誰もが彼の公正な分配を得るために、彼らは20ポンドの吹き抜きをどのように分けることができますか? 彼らは、彼らが使用していた税制の原則に従うことを決め、それぞれが今支払うべき金額を解決し始めました. そして、5番目の男は、最初のオーブンのように、今では何も支払わなかった（100％節約）. 6番目の男は、3ポンドではなく2ポンドを支払いました（33％の節約）. 7番目の男は、7ポンドではなく5ポンドを支払いました（28％の節約）. 8番目の男は、12ポンドではなく9ポンドを支払いました（25％の節約）. 9番目の男は、18ポンドではなく14ポンドを支払いました（22％節約）. そして、10人の男は59ポンドではなく49ポンドを支払いました（16％の節約）. 最後の6人のそれぞれは、最初のオーブンが無料で飲み続けていたので、以前は気が遠くなりました. しかし、バーの外で、男性は自分の貯蓄を比較し始めました. 「私は20ポンドの貯蓄のうち1ポンドしか手に入れませんでした」と6番目の男は宣言しました. 彼は緊張した男にひっくり返りました、しかし彼は£10を得ました!「「ええ、そうです」と5番目の男は叫んだ. 「私も£1を節約しました. 彼が私より10倍のバカの利益を得たのはアンフェアです!”” それは本当だ!「7番目の男を叫んだ. 「私が2ポンドしか手に入れなかったのに、なぜ彼は£10を取り戻すべきですか? 裕福な人はすべての休憩を取得します!「「ちょっと待って」最初のオーブンの男性を一斉に叫んだ、「私たちはまったく何も得られなかった. この新しい税制は貧しい人々を搾取します!「9人の男性が10番目を囲み、彼をbeatりました. 翌週、10人の男は飲み物のために現れなかったので、9人が座って彼なしでビールを持っていました. しかし、法案を支払う時が来たとき、彼らは重要なことを発見しました – 彼らは彼ら全員の間に法案の半分でさえ支払うのに十分なお金を持っていませんでした! すでに最高の税金を支払う人々は、当然、税金削減から最も利益を得るでしょう. 彼らに課税しすぎて、裕福であるために彼らを攻撃し、彼らはもう現れないかもしれません. 実際、彼らは海外で飲み始めるかもしれません。そこでは雰囲気がやや友好的です…

• コピーする
• LinkedIn
• フェイスブック
• ツイッター

自分自身を特定して、どのように表示するか、追加してください

VPおよび実践リーダー /テックアナリスト /フォーブスの寄稿者 /ポッドキャストホスト1 j.

もっと会議が欲しいですか? 大規模な取引を閉じます? 販売ポッドキャストについての残忍な真実を聞いてください

金曜日のセールスコメディの誰でも. ＃セールス＆マーケティング

• コピーする
• LinkedIn
• フェイスブック
• ツイッター

自分自身を特定して、どのように表示するか、追加してください

VPおよび実践リーダー /テックアナリスト /フォーブスの寄稿者 /ポッドキャストホスト1 j.

シュワブネットワークにアクセスして、この取引について気に入らないことのシスコの獲得について話し合う喜び? * 4億ドルのarr * Splunkのグローバルリーチ *規制当局の承認への簡単なパスhttps：// lnkd./e-j_xqht

技術|シュワブネットワーク

Schwabnetwork.com

• コピーする
• LinkedIn
• フェイスブック
• ツイッター

自分自身を特定して、どのように表示するか、追加してください

PowerAppsとBing MapsまたはGoogleマップAPIの画像コントロールを使用してマップを表示する

PowerAppsにマップを表示する機能については、コミュニティから多くのリクエストがありました. PowerAppsにはまだマップコントロールがありませんが、画像コントロールを使用してマップを表示できます。 ビングマップ 金 グーグルマップ 経由 ビングマップ画像API ＆ Google Static Maps API それぞれ.

マップシナリオ

画像コントロールを使用して今日構築するシナリオは次のとおりです。

1. 指定された名前付きレンタルまたは住所のマップを表示する
2. デバイスの現在のGPSレンタルのマップを表示する
3. スライダーを使用してズームイン /ズームアウトします
4. クリックしたときにマップアプリまたはWebページに移動します

準備

このURLまたはGoogle Static Maps APIキーを争うことにより、Bing Maps APIキーを取得します。. チュートリアルの後半で使用するためのキーを書き留めてください.

PowerApps StudioまたはWebで、aを作成します 新しい 空白のアプリ（必要に応じて電話またはタブレットのレイアウトを選択してください）.

構成画面を追加します

最初に、アプリ内の他の画面で使用できる情報を保存する構成画面を作成します。. 名前を変更します お茶 スクリーン1 に Configurationscreen 左側のツリービューから.

入れる もっている テキスト入力 からの制御 入れる タブ> 文章 > テキスト入力

名前を変更します からのコントロール textinput1 に txtbingmapskey （Bing Maps APIを使用する場合）または txtgooglemapskey （GoogleマップAPIを使用する場合）. 交換 ヒントテキスト 「ここにマップキーを入力する」と デフォルト このチュートリアルの最初のステップからのBingマップまたはGoogleマップからの実際のキー値に.

入れる 別の テキスト入力 からの制御 入れる タブ> 文章 > テキスト入力. 名前を変更します この制御 txtimagewidth, ヒントテキストを変更して「ここにマップ画像幅を入力する」、変更 デフォルト に “”600」（電話レイアウトの場合）または「1200」（タブレットレイアウトの場合）、変更 フォーマット に 番号 右側の適切なペインから.

コピー 同じ画面にtxtimagewidth（ctrl + c）と貼り付け（ctrl + v）がコピーを作成します. 名前を変更します コントロール txtimageheight, 変更 ヒントテキスト 「ここにマップの画像の高さを入力する」には、変更する デフォルト に “”300」（電話レイアウト用）と「600」（タブレットレイアウト用）.

メイン画面を追加します

入れる > 新しい画面 > 空白のレイアウト.

名前を変更します お茶 スクリーン2 に ハンドスクリーン.

動く お茶 ハンドスクリーン をクリックして 上に移動します コンテキストメニューのアイコン

入れる > メディア > 写真 画面に新しい画像を追加するように制御します.

名前を変更します Image1からのコントロール imgmapcontrol. をセットする 幅 に txtimagewidth そして 身長 に txtimageheight.

シナリオ1：指定された名前のレンタルまたは住所のマップを表示する

テキスト入力コントロールを挿入して、マップのレンタルまたはアドレスを入力しましょう。 入れる タブ> 文章 > テキスト入力. 名前を変更します コントロール txtlocation. スクリーンのレンタルに移動します。.

交換 ヒントテキスト 「レンタルまたは住所を入力する」として、 デフォルト 空の皮ひもとして」またはあなたのお気に入りのレンタル – .g. タイムズスクエア、ニューヨーク、シアトルなど..

マップをレンダリングするには、次の式を使用してください 写真 の財産 imgmapcontrol ::

ビングマップの使用：

「https：// dev.バーチャル.net/rest/v1/imagery/map/road/"＆close.文章） ＆ "?mapsize = "＆txtimagewidth＆"、 "＆txtimageheight＆"＆key https：// msdn.マイクロソフト.com/en-us/library/ff701724.aspx "ターゲット=" _ blank "rel =" noopener ">静的マップを取得します 例やその他のパラメーターについては記事.
 
Googleマップの使用：
 
「https：//マップ.googleapis.com/maps/api/staticmap?center = "＆encoderl（txtlocation.テキスト）＆ "＆size ="＆txtimagewidth＆ "x"＆txtimageheight＆ "＆key https：//開発者.グーグル.com/maps/documentation/static-maps/intro "target =" _ blank "rel =" noopener ">Google Static Maps Developer Guide.
 
レンタルのスクリーンショットは次のとおりです。Bingマップを使用してシアトルのスペースニードル：
 
 
また、Googleマップを使用して同じレンタルを使用します（APIのバージョンを使用しているため、Googleマップの640×640にサイズが制限されています）：
 
 
いくつかのオプションで遊ぶ
 
イメージセット（Bingマップ）とマップタイプ（Googleマップ）の変更：
 
ビングマップ Imagerysets複数のサポート. ドロップダウンを追加して、これらの画像を変更する効果を確認しましょう.
 
入れる > コントロール > 落ちる ドロップダウンを追加します. 名前を変更します コントロール drpbingimagerysts. をセットする アイテム 以下の財産：
 
[「道路」、「空中」、「空中ワイズラベル」、「aerialwithlabelsondemand "、" canvasdark "、" canvaslight "、" canvasgray "]]
 
の式を変更します 写真 の財産 imgmapcontrol ImageYetオプションを含めるには：
 
「https：// dev.バーチャル.net/rest/v1/imagery/map/"＆drpbingimagerysets.選択.Value＆ "/"＆cartierl（txtlocation.文章） ＆ "?mapsize = "＆txtimagewidth＆"、 "＆txtimageheight＆"＆key lazy "style =" background-image：none;フロート：なし;パディングトップ：0px;パディング左：0px;マージン：0px auto;表示ブロック;パディング右：0px;境界線：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 "/>
 
グーグルマップ MapTypesの4つのサポート. ドロップダウンを追加して、これらのタイプを変更する効果を確認しましょう.
 
入れる > コントロール > 落ちる ドロップダウンを追加します. 名前を変更します コントロール drpgooglemaptypes. をセットする アイテム 以下の財産：
 
[「ロードマップ」、「フィールド」、「衛星」、「ハイブリッド」]
 
の式を変更します 写真 の財産 imgmapcontrol MapTypeオプションを含めるには：
 
「https：//マップ.googleapis.com/maps/api/staticmap?center = "＆encoderl（txtlocation.テキスト）＆ "&& size ="＆txtimagewidth＆ "x"＆txtimageheight＆ "＆maptype ="＆drpgooglemaptypes.選択.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 "/>
 
これらのマップAPIは非常に強力であり、カスタマイズに利用できる他のオプションを試してみたいと思います。. とりあえず、次のシナリオに進みましょう。
 
シナリオ2：デバイスの現在のGPSレンタルのマップを表示する
 
PowerAppsは、レンタル（GPS）、加速、コンパスなどのデバイス信号へのネイティブアクセスを提供します。. レンタル信号を使用して、マップに現在のレンタルを表示しましょう.
 
そのためには、GPSレンタルを使用するためにトグルを選択した場合、同じtxtlocationテキスト入力を使用してGPS座標を表示します。.
 
挿入>コントロール>トグル 挿入します トグル 画面上の制御. 名前を変更します それに tglgpslocation.
 
 
挿入>ラベル 挿入します ラベル 画面上の制御. トグルの隣に移動します 名前を変更します それに lblgpslocation. テキストを「GPSレンタルの使用：」に変更します.
 
 
変更 デフォルト の txtlocation この式にテキストを入力します：
 
if（tglgpslocation.価値、レンタル.Latitude＆ "、"＆Rental.経度」、 ""）
 
のために ビングマップ, の式を変更します 写真 の財産 imgmapcontrol CenterPointとPushpinオプションを含めるには（Zoomlevelも追加する必要があります）。
 
「https：// dev.バーチャル.net/rest/v1/imagery/map/"＆drpbingimagerysets.選択.Value＆ "/"＆cartierl（txtlocation.テキスト）＆ "/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 "/>
 
のために グーグルマップ, の式を変更します 写真 の財産 imgmapcontrol センターとマーカーのオプションを含めるには（Zoomlevelも追加する必要があることに注意してください）。
 
「https：//マップ.googleapis.com/maps/api/staticmap?center = "＆encoderl（txtlocation.text）＆ "＆Zoom = 15＆size ="＆txtimageWidth＆ "x"＆txtimageheight＆ "＆maptype ="＆drpgooglemaptypes.選択.Value＆ "＆"＆Markers = color：blue％7clabel：m％7c "＆cartierl（txtlocation.テキスト）＆ "＆key lazy" style = "background-image：none; float：none; padding-top：0px; padding-left：0px; margin：0px auto; display：block; padding-right：0px; border- border-幅：0px; " title = "image" src = "https：// pwrapscdn.AzureEdge.Net/MediaHandler/blog/Media/PowerApps/blog/68B9E899-2ED5-48D6-B020-E9898152735.png "alt =" image "width =" 610 "height =" 550 "border =" 0 "/>
 
シナリオ3：スライダーを使用してズームイン /ズームアウト
 
最後のシナリオを移動すると、追加しましょう スライダー ズームレベルを制御します. 挿入>コントロール>スライダー. 名前を変更します お茶 Slider1 に slzoom. 交換 デフォルト に 15, 分 に 1 ＆ マックス に 21.
 
 
Aを追加します ラベル ズームレベルを示すスライダーの隣. 挿入>ラベル. 名前を変更します ラベル lbzoom. 交換 文章 宛先：「ズーム（1-21）：」.
 
 
のために ビングマップ, の式を変更します 写真 の財産 imgmapcontrol スライダーのZoomlevelを含める.
 
「https：// dev.バーチャル.net/rest/v1/imagery/map/"＆drpbingimagerysets.選択.Value＆ "/"＆cartierl（txtlocation.テキスト）＆ "/"＆slzoom.価値 ＆ "?mapsize = "＆txtimagewidth＆"、 "＆txtimageheight＆"＆pp = "＆txtlocation.テキスト＆ "; i+am+here＆key prettyprint"> "https：//マップ.googleapis.com/maps/api/staticmap?center = "＆encoderl（txtlocation.テキスト）＆ "＆zoom ="＆slzoom.value＆ "＆size ="＆txtimagewidth＆ "x"＆txtimageheight＆ "＆maptype ="＆drpgooglemaptypes.選択.Value＆ "＆"＆Markers = color：blue％7clabel：m％7c "＆cartierl（txtlocation.テキスト）＆ "＆key prettyprint">
 
シナリオ4：クリックしたときにマップアプリまたはWebページに移動します
 
最後に、画像をクリックしたときにナビゲーションステップを追加して、それぞれのWebページまたはアプリを開きましょう.
 
のために ビングマップ, に次の式を追加します onSelect のために imgmapcontrol：
 
のために グーグルマップ, に次の式を追加します onSelect のために imgmapcontrol：