Visualizzazione di una mappa utilizzando un controllo dell’immagine in PowerApps e Bing Maps o Google Maps API

Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere l’opzione Imageyet:

Post di Steven Dickens

Microsoft’s Bing è la prima minaccia per il dominio della ricerca di Google in decenni Microsoft ha annunciato di aver rilasciato un nuovo motore di ricerca alimentato dalla tecnologia GATGPT di Openai. Il nuovo motore potrebbe rappresentare una minaccia per il dominio del mercato di Google, ma Google ne controlla il 93% rispetto al 3% di Bing. Questa mossa fa parte del piano di Microsoft per aumentare la sua quota del mercato pubblicitario digitale da $ 570 miliardi. Nel 2022, Microsoft vide $ 18 miliardi di pubblicità tramite Search e LinkedIn; Google ha generato $ 59 miliardi solo durante il quarto trimestre nel 2018. “Per la prima volta, la gente potrebbe guardare questo e dire:” Questa è una trappola per topi migliore, lo userò “, ha detto Daniel Newman. Per leggere la storia completa: https: // lnkd.in/dxbfqwk6 #google #microsoft #ai #bard #bard

Microsoft’s Bing è la prima minaccia al dominio della ricerca di Google in decenni

finanza.Yahoo.com

• Copiare
• LinkedIn
• Facebook
• Twitter

Gestione del marketing del prodotto | Appassionato di tecnologia | Gamer PC | Advisor | Fondatore | Indiani britannici in Texas | Marito | Papà a 3 umani e 3 ��

Mi chiedo per quanto tempo sono disponibili per unità e bingpt?

Identificati per visualizzare o aggiungere a come

Vedi gli altri post di Steven

VP e Practice Leader / Analista tecnologico / Forbes Collast / Podcast Host 1 J.

Progressive ha spiegato la tassazione. Per quelli di voi che martellano i tagli fiscali come ingiusti e avviano in modo opponentemente i ricchi …… un po ‘di analogia … suppone che icona un fine settimana, dieci uomini escono per la birra e il conto per tutti i TRU arriva a £ 100. Se pagassero la bolletta nel modo in cui paghiamo le tasse, andrebbe qualcosa del genere. I primi quattro uomini (i più poveri) non avrebbero pagato nulla. Il quinto pagherebbe £ 1. Il sesto pagherebbe £ 3. Il settimo pagherebbe £ 7. L’ottavo pagherebbe £ 12. Il nono pagherebbe £ 18. E l’uomo inquilino (il riich) pagherebbe £ 59. Quindi, è quello che hanno deciso di fare. I dieci uomini bevevano al bar ogni settimana e sembravano abbastanza contenti dell’accordo fino a quando, un giorno, il proprietario ha causato loro un piccolo problema. “Dato che siete tutti così buoni clienti”, ha detto, “ridurrò il costo della tua birra settimanale di £ 20.”Le bevande per i dieci uomini ora costerebbero solo £ 80. Il gruppo voleva ancora pagare la bolletta nel modo in cui paghiamo le nostre tasse. Quindi i primi uomini del forno non sono stati influenzati. Avrebbero ancora bere gratuitamente, ma per quanto riguarda gli altri sei uomini? I clienti paganti? Come hanno potuto dividere la manna di £ 20 in modo che tutti ottengano la sua giusta quota? Decisero di seguire il principio del sistema fiscale che stavano usando e procedettero a elaborare gli importi che ciascuno avrebbe dovuto pagare. E così, il quinto uomo, come il primo forno, ora non ha pagato nulla (risparmio al 100%). Il sesto uomo ora pagò £ 2 anziché £ 3 (un risparmio del 33%). Il settimo uomo ora ha pagato £ 5 anziché £ 7 (un risparmio del 28%). L’ottavo uomo ora ha pagato £ 9 anziché £ 12 (un risparmio del 25%). Il nono uomo ora ha pagato £ 14 anziché £ 18 (un risparmio del 22%). E il decimo uomo ora pagò £ 49 anziché £ 59 (un risparmio del 16%). Ognuno degli ultimi sei era meglio fuori dalla mente prima con il primo forno che continuava a bere gratuitamente. Ma, una volta fuori dal bar, gli uomini iniziarono a confrontare i loro risparmi. “Ho ricevuto solo £ 1 dal risparmio di £ 20”, ha dichiarato il sesto uomo. Si è ribaltato per l’uomo teso, “ma ha ottenuto £ 10!”” Sì, è vero, “esclamò il quinto uomo. “Anch’io ho risparmiato £ 1. È un incucina che ha ottenuto dieci volte il beneficio di me!”” È vero!”Gridò il settimo uomo. “Perché dovrebbe ottenere £ 10 indietro, quando ho ricevuto solo £ 2? I ricchi ottengono tutte le pause!”” Aspetta al minuto “, urlò i primi uomini del forno all’unisono,” non abbiamo ottenuto nulla. Questo nuovo sistema fiscale sfrutta i poveri!”I nove uomini circondavano il decimo e lo picchiavano. La settimana successiva il decimo uomo non si è presentato per bere, quindi i nove si sono seduti e hanno avuto le loro birre senza di lui. Ma quando è arrivato il momento di pagare il conto, hanno scoperto qualcosa di importante: non avevano abbastanza soldi tra tutti per pagare anche la metà del conto! Le persone che già pagano le tasse più alte otterranno naturalmente il beneficio da una riduzione fiscale. Tassali troppo, attaccali per essere ricchi e potrebbero non presentarsi più. In effetti, potrebbero iniziare a bere all’estero, dove l’atmosfera è un po ‘più amichevole ..

• Copiare
• LinkedIn
• Facebook
• Twitter

Identificati per visualizzare o aggiungere a come

VP e Practice Leader / Analista tecnologico / Forbes Collast / Podcast Host 1 J.

Vuoi più incontri? Chiudere affari più grandi? Ascolta la brutale verità sul podcast di vendita

Chiunque per una commedia di vendita del venerdì. #Vendite e marketing

• Copiare
• LinkedIn
• Facebook
• Twitter

Identificati per visualizzare o aggiungere a come

VP e Practice Leader / Analista tecnologico / Forbes Collast / Podcast Host 1 J.

Piacere di andare sulla rete Schwab e parlare dell’acquisizione di Splunk di Cisco ciò che non ti piace di questo accordo? * $ 4b di ARR * REACH GLOBAL per Splunk * Facile percorso per l’approvazione normativa https: // lnkd.in/e-j_xqht

Tech | Rete schwab

Schwabnetwork.com

• Copiare
• LinkedIn
• Facebook
• Twitter

Identificati per visualizzare o aggiungere a come

Visualizzazione di una mappa utilizzando un controllo dell’immagine in PowerApps e Bing Maps o Google Maps API

Ci sono state molte richieste da parte della comunità sulla possibilità di mostrare una mappa in PowerApps. Anche se non abbiamo ancora un controllo delle mappe in PowerApps, possiamo usare il controllo delle immagini per visualizzare le mappe – per fortuna a Mappe bing ORO Google Maps tramite il Bing Maps Imagery API E API di Google Static Maps rispettivamente.

Scenari di mappa

Ecco gli scenari che costruiremo oggi usando il controllo dell’immagine:

1. Visualizza una mappa per un dato affitto o indirizzo denominato
2. Visualizza una mappa per l’attuale noleggio GPS del dispositivo
3. Zoom in / zoom di zoom usando un cursore
4. Passare all’app Maps o alla pagina Web quando è cliccata

Preparazione

Ottieni la chiave API di Bing Maps, vivendo questo URL o la chiave API di Google Static Maps, vivendo questo URL. Notare la chiave da utilizzare più avanti nel tutorial.

In PowerApps Studio o Web, crea un file Nuovo App blank (scegli il layout del telefono o del tablet secondo la tua necessità).

Aggiungi una schermata di configurazione

Creeremo prima una schermata di configurazione per archiviare alcune informazioni che possono essere utilizzate da altre schermate nell’app. Rinominare tè Screen1 A Configurationscreen Dalla vista sull’albero sul lato sinistro.

Inserire ha L’immissione di testo Controllo dal Inserire Tab> Testo > L’immissione di testo

Rinominare Il controllo da TextInput1 A Txtbingmapskey (Se si desidera utilizzare l’API Bing Maps) o Txtgooglemapskey (Se si desidera utilizzare API Google Maps). Scambio TIGHTTY Per “immettere il tasto maps qui” e il Predefinito Al valore chiave effettivo dalle mappe Bing o dalle mappe di Google dal primo passaggio di questo tutorial.

Inserire Un altro L’immissione di testo Controllo dal Inserire Tab> Testo > L’immissione di testo. Rinominare Questo controllo a Txtimagewidth, Cambia il testo del suggerimento in “Immettere la larghezza dell’immagine delle mappe qui”, modifica Predefinito A “”600“(Se layout del telefono) o”1200“(Se il layout del tablet), cambia Formato A Numero dal riquadro corretto a destra.

copia Lawidth TXTIMAGE (CTRL + C) e incolla (Ctrl + V) nella stessa schermata per creare una copia. Rinominare Il controllo a Txtimageheight, cambiare il Testo del suggerimento Per “Immettere le mappe l’altezza dell’immagine qui”, cambia Predefinito A “”300“(Per il layout del telefono) e”600“(Per il layout di tablet).

Aggiungi la schermata principale

Inserire > Nuovo schermo > Layout vuoto.

Rinominare tè Screen2 A Screen.

Mossa tè Screen Su facendo clic su Andare avanti icona nel menu contestuale

Inserire > Media > Immagine Controllo per aggiungere una nuova immagine allo schermo.

Rinominare Il controllo da Image1 a Imgmapcontrol. Impostare il Larghezza A Txtimagewidth E Altezza A Txtimageheight.

Scenario 1: visualizzare una mappa per un dato affitto o indirizzo denominato

Inseriamo un controllo di input di testo per immettere il noleggio o l’indirizzo per la mappa: Inserire Tab> Testo > L’immissione di testo. Rinominare Il controllo a txtLocation. Spostalo in un noleggio nello schermo dove si appropria.

Scambio Testo del suggerimento come “inserisci un noleggio o un indirizzo” e mantieni Predefinito come un perizoma vuoto “” o il tuo noleggio preferito – per E.G. Times Square, New York, Seattle ecc ..

Per rendere la mappa, utilizzare la seguente formula in Immagine Proprietà del Imgmapcontrol :::

Per le mappe di bing usare:

"https: // dev.virtuale.Net/Rest/V1/Imagery/Map/Road/"& Close.Testo) & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & key https: // msdn.Microsoft.com/en-us/libreria/ff701724.aspx "target =" _ blank "rel =" noopener ">Ottieni una mappa statica Articolo per esempi e altri parametri.
 
Per l'utilizzo di Google Maps:
 
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& Encoderl (txtLocation.Testo) & "& size =" & txtimagewidth & "x" & txtimageheight & "& key https: // sviluppatori.Google.com/maps/documentation/static-maps/intro "target =" _ blank "rel =" noopener ">Guida per sviluppatori di mappe statiche di Google.
 
Ecco gli screenshot per il noleggio: Ago spaziale, Seattle usando le mappe Bing:
 
 
E qui è lo stesso noleggio utilizzando Google Maps (nota che le dimensioni sono limitate a 640 × 640 in Google Maps, poiché sto usando la versione dell'API):
 
 
Giocare con alcune delle opzioni
 
Modifica ImageSet (Bing Maps) e tipi di mappa (Google Maps):
 
Mappe bing ImagerySets supporti multipli. Aggiunge un menu a discesa per vedere l'effetto di modificare questi immagini.
 
Inserire > Controlli > Cadere in picchiata Per aggiungere un menu a discesa. Rinominare Il controllo a Drpbingimagerysts. Impostare il Elementi Proprietà a quanto segue:
 
;
 
Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere l'opzione Imageyet:
 
"https: // dev.virtuale.Net/Rest/V1/Imagery/Map/"& DrpbingInysets.Selezionato.Valore & "/" & Cartierl (txtLocation.Testo) & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & key lazy "style =" sfondo-immagine: nessuno; Float: nessuno; Imbottitura: 0px; Imbottitura-sinistra: 0px; Margine: 0px Auto; Blocco di visualizzazione; Imbottitura-destra: 0px; Border-Width: 0px; "title =" immagine "src =" https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.png "alt =" immagine "width =" 610 "altezza =" 339 "bordo =" 0 "/>
 
Google Maps Quattro supporti di maptypes. Aggiungiamo un discesa per vedere l'effetto di modificare questi tipi.
 
Inserire > Controlli > Cadere in picchiata Per aggiungere un menu a discesa. Rinominare Il controllo a Drpgooglemaptypes. Impostare il Elementi Proprietà a quanto segue:
 
["Roadmap", "Field", "Satellite", "Hybrid"]
 
Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere l'opzione MapType:
 
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& Encoderl (txtLocation.Testo) & "&& size =" & txtImageWidth & "x" & txtImageHeight & "& mapType =" & drpGoogleMapTypes.Selezionato.Value & "& key lazy" style = "sfondo-immagine: nessuno; float: nessuno; imbottitura: 0px; imbottitura-sinistra: 0px; margine: 0px auto; display: blocco; imbottitura-destra: 0px; larghezza del bordo : 0px; " Title = "immagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/E41FDEAB-08DD-4F9B-A930-CDE673496519.png "alt =" immagine "width =" 610 "altezza =" 343 "bordo =" 0 "/>
 
Queste API della mappa sono piuttosto potenti e sono sicuro, sarai tentato di provare altre opzioni disponibili per la personalizzazione. Per ora passiamo al prossimo scenario:
 
Scenario 2: visualizzare una mappa per l'attuale noleggio GPS del dispositivo
 
PowerApps provoca l'accesso nativo a segnali di dispositivo come noleggio (GPS), accelerazione, bussola, ecc. Usiamo il segnale di noleggio per mostrare l'affitto corrente su una mappa.
 
Per questo, utilizzeremo lo stesso input di testo TXTLocation per visualizzare le coordinate GPS se selezioniamo un interruttore per utilizzare il noleggio GPS.
 
Inserisci> Controlli> Attiva / disattiva per inserire un Interruttore Controllo sullo schermo. Rinominare a TglgpsLocation.
 
 
Inserisci> etichetta per inserire un Etichetta Controllo sullo schermo. Spostalo accanto al bosco e rinominare a lblgpsLocation. Cambia il testo in "Usa il noleggio GPS:".
 
 
Cambiare il Predefinito del txtLocation Testo di input a questa formula:
 
If (tglgpsLocation.Valore, noleggio.Latitude & "," e noleggio.Longitudine "")
 
Per Mappe bing, Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere le opzioni CenterPoint & Pushpin (nota che dobbiamo aggiungere anche il livello zoom):
 
"https: // dev.virtuale.Net/Rest/V1/Imagery/Map/"& DrpbingInysets.Selezionato.Valore & "/" & Cartierl (txtLocation.Testo) e "/15?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtLocation.Text & "; i+am+qui & key lazy" style = "sfondo-immagine: nessuno; float: nessuno; imbottitura-top: 0px; imbottitura-sinistra: 0px; margine: 0px auto; display: blocco; imbottitura-right : 0px; larghezza del bordo: 0px; " Title = "immagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3EED2.png "alt =" immagine "width =" 610 "altezza =" 306 "bordo =" 0 "/>
 
Per Google Maps, Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere le opzioni Center & Marker (Nota dobbiamo anche aggiungere Zoomlevel):
 
"https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& Encoderl (txtLocation.Testo) & "& zoom = 15 & size =" & txtImageWidth & "x" & txtImageHeight & "& mapType =" & drpGoogleMapTypes.Selezionato.Valore & "& Marker = Color: Blue%7Clabel: M%7C" & Cartierl (txtLocation.Testo) & "& key lazy" style = "sfondo-immagine: nessuno; float: nessuno; imbottitura: 0px; imbottitura-sinistra: 0px; margine: 0px automatico; display: blocco; imbottitura-right: 0px; bordo- Larghezza: 0px; " Title = "immagine" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/68B9E899-2ED5-48d6-B020-E98988152735.png "alt =" immagine "width =" 610 "altezza =" 550 "bordo =" 0 "/>
 
Scenario 3: ingrandisci / ingrandisci un cursore utilizzando un cursore
 
Spostando lo scenario finale, aggiungiamo un Slider Controlla il livello di zoom. Inserisci> Controlli> Slider. Rinominare tè Slider1 A slzoom. Scambio Predefinito A 15, Min A 1 E Max A 21.
 
 
Aggiungere un Etichetta Accanto al cursore per indicare il livello di zoom. Inserisci> etichetta. Rinominare L'etichetta a lbzoom. Scambio Testo A: "Zoom (1-21):".
 
 
Per Mappe bing, Cambiare la formula nel Immagine Proprietà del Imgmapcontrol Per includere il livello di zoom dal cursore.
 
"https: // dev.virtuale.Net/Rest/V1/Imagery/Map/"& DrpbingInysets.Selezionato.Valore & "/" & Cartierl (txtLocation.Testo) & "/" & slzoom.Valore & "?Mapsize = "& txtimagewidth &", "& txtimageheight &" & pp = "& txtLocation.Text & "; i+Am+qui & key Prettyprint"> "https: // maps.Googleapis.Com/maps/api/staticmap?Center = "& Encoderl (txtLocation.Testo) & "& zoom =" & slzoom.Value & "& size =" & txtImageWidth & "x" & txtImageHeight & "& mapType =" & drpGoogleMapTypes.Selezionato.Valore & "& Marker = Color: Blue%7Clabel: M%7C" & Cartierl (txtLocation.Testo) e "& key prettyprint">
 
Scenario 4: Passare all'app Maps o alla pagina Web quando è cliccata
 
Infine, permettiamo il passaggio di navigazione quando è stato fatto clic sull'immagine per aprire la rispettiva pagina Web o app.
 
Per Mappe bing, Aggiungere la seguente formula in Onselect per il Imgmapcontrol:
 
Per Google Maps, Aggiungere la seguente formula in Onselect per il Imgmapcontrol: