Memaparkan peta menggunakan kawalan imej dalam PowerApps dan Bing Maps atau Google Maps API

Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan pilihan ImageYet:

Dihantar oleh Steven Dickens

Microsoft’s Bing adalah ancaman pertama untuk dominasi carian Google dalam beberapa dekad Microsoft mengumumkan bahawa ia telah mengeluarkan enjin carian baru yang dikuasakan oleh Teknologi CHATGPT Openai. Enjin baru boleh menimbulkan ancaman kepada dominasi pasaran Google, tetapi Google mengawal 93% daripadanya berbanding dengan Bing 3%. Langkah ini adalah sebahagian daripada rancangan Microsoft untuk meningkatkan bahagian pasaran Pengiklanan Digital $ 570 bilion. Pada tahun 2022, Microsoft menyaksikan $ 18 bilion dalam iklan melalui Carian dan LinkedIn; Google menjana $ 59 bilion semasa Q4 sahaja pada tahun 2018. “Buat pertama kalinya, orang dapat melihat ini dan berkata, ‘Ini adalah mousetrap yang lebih baik, saya akan menggunakannya’,” kata Daniel Newman. Untuk membaca cerita penuh: https: // lnkd.IN/DXBFQWK6 #GOOGLE #MICROSOFT #AI #BING #BARD

Microsoft’s Bing adalah ancaman pertama untuk dominasi carian Google dalam beberapa dekad

Kewangan.Yahoo.com

• Untuk menyalin
• LinkedIn
• Facebook
• Twitter

Pengurusan Pemasaran Produk | Peminat Tech | PC Gamer | Penasihat | Pengasas | British Indian di Texas | Suami | Ayah hingga 3 manusia & 3 ��

Saya tertanya -tanya berapa lama unit dan bingpt tersedia untuk semua?

Kenal pasti diri anda untuk memaparkan atau menambah bagaimana

Lihat catatan lain Steven

VP dan Praktik Pemimpin / Penganalisis Teknikal / Forbes Contributor / Podcast Host 1 J.

Progresif dijelaskan cukai. Bagi anda yang memangkas pemotongan cukai sebagai tidak adil dan opaten yang memberi manfaat kepada orang kaya …… sedikit analogi … menganggap bahawa ikon hujung minggu, sepuluh lelaki keluar untuk bir dan rang undang -undang untuk semua tru sampai £ 100. Sekiranya mereka membayar bil mereka seperti yang kita bayar untuk cukai, ia akan menjadi sesuatu seperti ini. Empat lelaki pertama (yang termiskin) tidak akan membayar apa -apa. Yang kelima akan membayar £ 1. Keenam akan membayar £ 3. Ketujuh akan membayar £ 7. Kelapan akan membayar £ 12. Kesembilan akan membayar £ 18. Dan lelaki penyewa (riich) akan membayar £ 59. Jadi, itulah yang mereka memutuskan untuk lakukan. Sepuluh lelaki minum di bar setiap minggu dan kelihatan agak gembira dengan susunan sehingga, suatu hari, pemiliknya menyebabkan mereka sedikit masalah. “Oleh kerana anda semua pelanggan yang baik,” katanya, “Saya akan mengurangkan kos bir mingguan anda dengan £ 20.”Minuman untuk Sepuluh Lelaki kini akan menelan belanja hanya £ 80. Kumpulan masih mahu membayar bil mereka dengan cara kami membayar cukai kami. Jadi lelaki ketuhar pertama tidak terjejas. Mereka masih akan minum secara percuma tetapi bagaimana dengan enam lelaki lain? Pelanggan yang membayar? Bagaimana mereka boleh membahagikan kejatuhan £ 20 sehingga semua orang akan mendapat bahagian yang saksama? Mereka memutuskan untuk mengikuti prinsip sistem cukai yang telah mereka gunakan dan mereka meneruskan jumlah yang masing -masing harus membayar. Dan sebagainya, lelaki kelima, seperti ketuhar pertama, kini tidak membayar apa -apa (penjimatan 100%). Lelaki keenam kini dibayar £ 2 dan bukannya £ 3 (penjimatan 33%). Lelaki ketujuh kini membayar £ 5 bukannya £ 7 (penjimatan 28%). Lelaki kelapan kini membayar £ 9 dan bukannya £ 12 (penjimatan 25%). Lelaki kesembilan kini membayar £ 14 dan bukannya £ 18 (penjimatan 22%). Dan lelaki kesepuluh kini membayar £ 49 bukannya £ 59 (penjimatan 16%). Setiap enam yang terakhir lebih baik dari fikiran sebelum ini dengan ketuhar pertama terus minum secara percuma. Tetapi, sekali di luar bar, lelaki mula membandingkan simpanan mereka. “Saya hanya mendapat £ 1 dari penjimatan £ 20,” kata lelaki keenam. Dia tipped kepada lelaki yang tegang, “tetapi dia mendapat £ 10!”” Ya, betul, “kata lelaki kelima. “Saya hanya menyimpan £ 1 juga. Ia adalah satu -satunya yang mendapat manfaat sepuluh kali ganda daripada saya!”” Itu betul!”Menjerit lelaki ketujuh. “Mengapa dia mendapat £ 10 kembali, ketika saya hanya mendapat £ 2? Orang kaya mendapat semua rehat!”” Tunggu sebentar, “berteriak lelaki ketuhar pertama secara serentak,” kami tidak mendapat apa -apa. Sistem cukai baru ini mengeksploitasi golongan miskin!”Sembilan lelaki mengelilingi kesepuluh dan memukulnya. Minggu depan lelaki kesepuluh tidak muncul untuk minuman, jadi sembilan duduk dan mempunyai bir mereka tanpa dia. Tetapi apabila tiba masanya untuk membayar bil, mereka mendapati sesuatu yang penting – mereka tidak mempunyai cukup wang antara mereka untuk membayar separuh daripada rang undang -undang! Orang yang sudah membayar cukai tertinggi secara semulajadi akan mendapat manfaat paling banyak daripada pengurangan cukai. Cukai mereka terlalu banyak, menyerang mereka kerana menjadi kaya dan mereka mungkin tidak akan muncul lagi. Malah, mereka mungkin mula minum di luar negara, di mana suasana agak mesra ..

• Untuk menyalin
• LinkedIn
• Facebook
• Twitter

Kenal pasti diri anda untuk memaparkan atau menambah bagaimana

VP dan Praktik Pemimpin / Penganalisis Teknikal / Forbes Contributor / Podcast Host 1 J.

Adakah anda mahukan lebih banyak mesyuarat? Tutup tawaran yang lebih besar? Dengarkan kebenaran kejam mengenai podcast jualan

Sesiapa sahaja untuk komedi jualan Jumaat. #Sales #marketing

• Untuk menyalin
• LinkedIn
• Facebook
• Twitter

Kenal pasti diri anda untuk memaparkan atau menambah bagaimana

VP dan Praktik Pemimpin / Penganalisis Teknikal / Forbes Contributor / Podcast Host 1 J.

Keseronokan untuk pergi ke rangkaian Schwab dan bercakap mengenai pengambilalihan Cisco Splunk apa yang tidak disukai mengenai perjanjian ini? * $ 4b dari arr * jangkauan global untuk splunk * jalan mudah untuk kelulusan pengawalseliaan https: // lnkd.IN/E-J_XQHT

Tech | Rangkaian Schwab

Schwabnetwork.com

• Untuk menyalin
• LinkedIn
• Facebook
• Twitter

Kenal pasti diri anda untuk memaparkan atau menambah bagaimana

Memaparkan peta menggunakan kawalan imej dalam PowerApps dan Bing Maps atau Google Maps API

Terdapat banyak permintaan dari komuniti mengenai keupayaan untuk memaparkan peta di PowerApps. Walaupun kita belum mempunyai kawalan peta di PowerApps, kita boleh menggunakan kawalan imej untuk memaparkan peta – bersyukur Peta Bing Emas Peta Google melalui API Imagery Peta Bing & API Peta Statik Google masing -masing.

Senario peta

Berikut adalah senario yang akan kita bina hari ini menggunakan kawalan imej:

1. Paparkan peta untuk sewa atau alamat bernama yang diberikan
2. Paparkan peta untuk penyewaan GPS semasa peranti
3. Zum masuk / zum keluar menggunakan gelangsar
4. Navigasi ke aplikasi Peta atau laman web semasa diklik

Penyediaan

Dapatkan kunci API Peta Bing dengan melayari URL ini atau kunci API Peta Statik Google dengan melayari URL ini. Perhatikan kunci untuk digunakan kemudian dalam tutorial.

Di studio atau web PowerApps, buat a Baru Aplikasi kosong (pilih susun atur telefon atau tablet mengikut keperluan anda).

Tambahkan skrin konfigurasi

Kami terlebih dahulu akan membuat skrin konfigurasi untuk menyimpan beberapa maklumat yang boleh digunakan oleh skrin lain dalam aplikasinya. Namakan semula teh SCREEN1 ke Konfigurasi skrin dari pandangan pokok di sebelah kiri.

Masukkan mempunyai Input teks Kawalan dari Masukkan Tab> Teks > Input teks

Namakan semula Kawalan dari TextInput1 ke Txtbingmapskey (Sekiranya anda ingin menggunakan API Peta Bing) atau Txtgooglemapskey (Sekiranya anda ingin menggunakan API Google Maps). Pertukaran Hinttext Untuk “Masukkan kunci peta di sini” dan Lalai Ke nilai utama sebenar dari peta bing atau peta Google dari langkah pertama tutorial ini.

Masukkan Yang lain Input teks Kawalan dari Masukkan tab> Teks > Input teks. Namakan semula Kawalan ini ke TxTimageWidth, Tukar teks petunjuk untuk “Masukkan lebar imej peta di sini”, ubah Lalai ke “”600“(Sekiranya susun atur telefon) atau”1200“(Sekiranya susun atur tablet), perubahan Format ke Nombor dari anak panah propers di sebelah kanan.

Salinan TxTimageWidth (Ctrl + C) dan Tampal (Ctrl + V) di skrin yang sama untuk membuat salinan. Namakan semula Kawalan ke TximageHeight, tukar Teks petunjuk Untuk “memasukkan ketinggian imej peta di sini”, berubah Lalai ke “”300“(Untuk susun atur telefon) dan”600“(Untuk susun atur tablet).

Tambahkan skrin utama

Masukkan > Skrin baru > Susun atur kosong.

Namakan semula teh SCREEN2 ke Skrin tangan.

Bergerak teh Skrin tangan Naik dengan mengklik pada Bergerak ke atas ikon dalam menu konteks

Masukkan > Media > Gambar Kawalan untuk menambah gambar baru ke skrin.

Namakan semula Kawalan dari image1 ke ImgMapControl. Menetapkan Lebar ke TxTimageWidth dan Ketinggian ke TximageHeight.

Senario 1: Paparkan peta untuk sewa atau alamat bernama yang diberikan

Mari masukkan kawalan input teks untuk memasukkan sewa atau alamat untuk peta: Masukkan Tab> Teks > Input teks. Namakan semula Kawalan ke txtlocation. Gerakkannya ke sewa di skrin di mana peruntukan.

Pertukaran Teks petunjuk Sebagai “masukkan sewa atau alamat” dan simpan Lalai Sebagai thong kosong “” atau sewa kegemaran anda – untuk e.g. Times Square, New York, Seattle dll ..

Untuk memberikan peta, gunakan formula berikut di Gambar Harta benda ImgMapControl ::

Untuk menggunakan peta Bing:

"https: // dev.maya.Bersih/rehat/v1/imagery/peta/jalan/"& tutup.Teks) & "?Mapsize = "& txTimageWidth &", "& txtimageHeight &" & Key https: // msdn.Microsoft.com/en-us/perpustakaan/FF701724.aspx "sasaran =" _ kosong "rel =" noopener ">Dapatkan Peta Statik artikel untuk contoh dan parameter lain.
 
Untuk menggunakan peta Google:
 
"https: // peta.Googleapis.Com/peta/api/statikmap?Tengah = "& encoderl (txtLocation.Teks) & "& saiz =" & txtimageWidth & "x" & txtimageHeight & "& Key https: // pemaju.Google.com/peta/dokumentasi/peta statik/intro "sasaran =" _ blank "rel =" noopener ">Panduan Pemaju Peta Statik Google.
 
Berikut adalah tangkapan skrin untuk sewa: Space Needle, Seattle Menggunakan Peta Bing:
 
 
Dan di sini adalah sewa yang sama menggunakan Peta Google (perhatikan saiznya terhad kepada 640 × 640 dalam Peta Google, kerana saya menggunakan versi API):
 
 
Bermain dengan beberapa pilihan
 
Menukar imageysets (peta bing) dan jenis peta (Peta Google):
 
Peta Bing Imagerysets pelbagai sokongan. Mari tambahkan dropdown untuk melihat kesan menukar imageys ini.
 
Masukkan > Kawalan > Dropdown Untuk menambah jatuh turun. Namakan semula Kawalan ke Drpbingimagerysts. Menetapkan Item Harta kepada perkara berikut:
 
["Jalan", "Aerial", "Aerialwithlabels", "AerialwithLabelelSondemand", "CanvasDark", "Canvaslight", "Canvasgray"]
Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan pilihan ImageYet:
"https: // dev.maya.Bersih/rehat/v1/imagery/peta/"& drpbingimagerysets.Dipilih.Nilai & "/" & Carierl (TxtLocation.Teks) & "?Mapsize = "& txTimageWidth &", "& txTimageHeight &" & Key Lazy "style =" latar belakang-imej: none; Terapung: Tiada; Padding-top: 0px; Padding-left: 0px; Margin: 0px Auto; Paparan: blok; Padding-right: 0px; Sempadan lebar: 0px; "title =" image "src =" https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/Powerapps/Blog/44162776-5E72-45F3-AE21-69889A9FC50E.png "alt =" imej "lebar =" 610 "ketinggian =" 339 "sempadan =" 0 "/>
 
Peta Google Empat sokongan Maptice. Mari tambahkan dropdown untuk melihat kesan menukar jenis ini.
 
Masukkan > Kawalan > Dropdown Untuk menambah jatuh turun. Namakan semula Kawalan ke Drpgooglemaptypes. Menetapkan Item Harta kepada perkara berikut:
 
["Roadmap", "Field", "Satellite", "Hybrid"]
Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan pilihan MapType:
"https: // peta.Googleapis.Com/peta/api/statikmap?Tengah = "& encoderl (txtLocation.Teks) & "&& size =" & txTimageWidth & "x" & txtimageHeight & "& maptype =" & drpgooglemapTypes.Dipilih.Nilai & "& Key Lazy" style = "latar belakang-imej: Tiada; Float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; paparan: 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 =" imej "lebar =" 610 "ketinggian =" 343 "sempadan =" 0 "/>
 
API peta ini cukup kuat dan saya pasti, anda akan tergoda untuk mencuba pilihan lain yang tersedia untuk penyesuaian. Buat masa ini mari kita beralih ke senario seterusnya:
 
Senario 2: Paparkan peta untuk penyewaan GPS semasa peranti
 
PowerApps memberikan akses asli kepada isyarat peranti seperti sewa (GPS), pecutan, kompas, dll. Mari kita gunakan isyarat sewa untuk menunjukkan sewa semasa di peta.
 
Untuk itu, kami akan menggunakan input teks txtlocation yang sama untuk memaparkan koordinat GPS jika kami memilih togol untuk menggunakan sewa GPS.
 
Masukkan> Kawalan> Togol untuk memasukkan a Togol Kawal pada skrin. Namakan semula ke Tglgpslocation.
 
 
Masukkan> label untuk memasukkan a Label Kawal pada skrin. Gerakkannya di sebelah togol dan Namakan semula ke lblgpslocation. Tukar teks untuk "Gunakan sewa GPS:".
 
 
Tukar Lalai daripada txtlocation Input teks ke formula ini:
 
Jika (tglgpslocation.Nilai, sewa.Latitud & "," & sewa.Bujur, "")
Untuk Peta Bing, Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan pilihan CenterPoint & Pushpin (nota kita perlu menambah zoomlevel juga):
"https: // dev.maya.Bersih/rehat/v1/imagery/peta/"& drpbingimagerysets.Dipilih.Nilai & "/" & Carierl (TxtLocation.Teks) & "/15?Mapsize = "& txTimageWidth &", "& txtimageHeight &" & pp = "& txtLocation.Teks & "; i+am+di sini & kunci malas" style = "latar belakang-imej: tiada; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; paparan: blok; : 0px; lebar sempadan: 0px; " Title = "Image" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/PowerApps/Blog/7BD7E539-74C3-47D3-A3B4-7987DFD3EED2.png "alt =" imej "lebar =" 610 "ketinggian =" 306 "sempadan =" 0 "/>
 
Untuk Peta Google, Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan pilihan pusat & penanda (nota kita perlu menambah zoomlevel juga):
 
"https: // peta.Googleapis.Com/peta/api/statikmap?Tengah = "& encoderl (txtLocation.Teks) & "& zoom = 15 & size =" & txtimageWidth & "x" & txtimageHeight & "& maptype =" & drpgooglemapTypes.Dipilih.Nilai & "& Penanda = Warna: Blue%7Clabel: M%7C" & Carierl (TxtLocation.Teks) & "& kunci malas" style = "latar belakang-imej: tiada; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto; paparan: block; padding-right: 0px; sempadan- Lebar: 0px; " Title = "Image" src = "https: // pwrapscdn.AzureEdge.Net/MediaHandler/Blog/Media/Powerapps/Blog/68B9E899-2ED5-48D6-B020-E98988152735.png "alt =" imej "lebar =" 610 "ketinggian =" 550 "sempadan =" 0 "/>
 
Senario 3: Zum masuk / zum keluar menggunakan gelangsar
 
Menggerakkan senario terakhir, mari tambahkan a Slider Kawal tahap zum. Masukkan> Kawalan> Slider. Namakan semula teh Slider1 ke slzoom. Pertukaran Lalai ke 15, Min ke 1 & Maks ke 21.
 
 
Tambahkan Label Di sebelah gelangsar untuk menunjukkan tahap zum. Masukkan> label. Namakan semula Label ke lbzoom. Pertukaran Teks Ke: "Zum (1-21):".
 
 
Untuk Peta Bing, Tukar formula di Gambar Harta benda ImgMapControl Untuk memasukkan zoomlevel dari gelangsar.
 
"https: // dev.maya.Bersih/rehat/v1/imagery/peta/"& drpbingimagerysets.Dipilih.Nilai & "/" & Carierl (TxtLocation.Teks) & "/" & slzoom.Nilai & "?Mapsize = "& txTimageWidth &", "& txtimageHeight &" & pp = "& txtLocation.Teks & "; i+am+di sini & kunci cantik"> "https: // peta.Googleapis.Com/peta/api/statikmap?Tengah = "& encoderl (txtLocation.Teks) & "& zoom =" & slzoom.Nilai & "& saiz =" & txTimageWidth & "x" & txtimageHeight & "& maptype =" & drpgooglemapTypes.Dipilih.Nilai & "& Penanda = Warna: Blue%7Clabel: M%7C" & Carierl (TxtLocation.Teks) & "& Key PrettyPrint">
Senario 4: Navigasi ke aplikasi Peta atau laman web semasa diklik
Akhir sekali, mari tambahkan langkah navigasi apabila diklik pada imej untuk membuka laman web atau aplikasi masing -masing.
Untuk Peta Bing, Tambahkan formula berikut di OnSelect untuk ImgmapControl:
Untuk Peta Google, Tambahkan formula berikut di OnSelect untuk ImgmapControl: