Exibindo um mapa usando um controle de imagem em PowerApps e Bing Maps ou Google Maps API

Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir a opção Imageyet:

Post por Steven Dickens

O Bing da Microsoft é a primeira ameaça ao domínio de pesquisa do Google em décadas, a Microsoft anunciou que lançou um novo mecanismo de pesquisa alimentado pela tecnologia ChatGPT da OpenAi. O novo mecanismo pode representar uma ameaça ao domínio do mercado pelo Google, mas o Google controla 93% dele em comparação com os 3% do Bing. Esta mudança faz parte do plano da Microsoft de aumentar sua participação no mercado de publicidade digital de US $ 570 bilhões. Em 2022, a Microsoft viu US $ 18 bilhões em propaganda por meio de pesquisa e LinkedIn; O Google gerou US $ 59 bilhões apenas no quarto trimestre em 2018. “Pela primeira vez, as pessoas podem olhar para isso e dizer: ‘Esta é uma mousetrap melhor, eu vou usar isso'”, disse Daniel Newman. Para ler a história completa: https: // lnkd.in/dxbfqwk6 #google #microsoft #ai #bing #bard

O Bing da Microsoft é a primeira ameaça ao domínio de pesquisa do Google em décadas

finança.Yahoo.com

• Copiar
• LinkedIn
• Facebook
• Twitter

Gerenciamento de marketing de produtos | Entusiasta da tecnologia | Gamer PC | Consultor | Fundador | Indiano britânico no Texas | Marido | Pai para 3 humanos e 3 ��

Eu me pergunto quanto tempo o bardo e o bingpt estão disponíveis para todos?

Identifique -se para exibir ou adicionar a como

Veja as outras postagens de Steven

VP e líder de prática / analista de tecnologia / colaborador da Forbes / host de podcast 1 J J.

Progressista explicou tributação. Para aqueles que marteram os cortes de impostos como injustos e oponentes que beneficiam os ricos …… um pouco de analogia … supõe que o ícone um fim de semana, dez homens saem para tomar cerveja e a conta de todos os Tru chega a £ 100. Se eles pagassem a conta da maneira como pagamos por impostos, seria algo assim. Os quatro primeiros homens (os mais pobres) não pagariam nada. O quinto pagaria £ 1. O sexto pagaria £ 3. O sétimo pagaria £ 7. O oitavo pagaria £ 12. O nono pagaria £ 18. E o inquilino (o Riich) pagaria £ 59. Então, foi isso que eles decidiram fazer. Os dez homens bebiam no bar toda semana e pareciam muito felizes com o arranjo até que, um dia, o proprietário lhes causasse um pequeno problema. “Como todos vocês são bons clientes”, disse ele, “vou reduzir o custo da sua cerveja semanal em £ 20.”Bebidas para os dez homens agora custariam apenas £ 80. O grupo ainda queria pagar a conta da maneira como pagamos nossos impostos. Então os primeiros homens do forno não foram afetados. Eles ainda bebiam de graça, mas e os outros seis homens? Os clientes pagantes? Como eles poderiam dividir os 20 libras, para que todos recebessem sua parte justa? Eles decidiram seguir o princípio do sistema tributário que estavam usando e começaram a descobrir os valores que cada um agora deveria pagar. E assim, o quinto homem, como o primeiro forno, agora não pagou nada (100% de economia). O sexto homem agora pagou £ 2 em vez de £ 3 (uma economia de 33%). O sétimo homem agora pagou £ 5 em vez de £ 7 (uma economia de 28%). O oitavo homem agora pagou £ 9 em vez de £ 12 (uma economia de 25%). O nono homem agora pagou £ 14 em vez de £ 18 (uma economia de 22%). E o décimo homem agora pagou £ 49 em vez de £ 59 (uma economia de 16%). Cada um dos seis últimos foi melhor antes, com o primeiro forno continuando a beber de graça. Mas, uma vez fora do bar, os homens começaram a comparar suas economias. “Eu só recebi £ 1 da economia de £ 20”, declarou o sexto homem. Ele inclinou -se para o homem tenso, “mas ele recebeu £ 10!”” Sim, está certo “, exclamou o quinto homem. “Eu só economizei 1 libra também. É um anfair que ele obteve dez vezes o benefício do idiota do que eu!”” Isso é verdade!”Gritou o sétimo homem. “Por que ele deveria receber £ 10 de volta, quando eu só recebi £ 2? Os ricos recebem todos os pausas!”” Espere em minuto “, gritou os primeiros homens do forno em uníssono,” não conseguimos nada. Este novo sistema tributário explora os pobres!”Os nove homens cercaram o décimo e o espancaram. Na semana seguinte, o décimo homem não apareceu para beber, então os nove sentaram -se e se deram suas cervejas sem ele. Mas quando chegou a hora de pagar a conta, eles descobriram algo importante – eles não tinham dinheiro suficiente entre todos eles para pagar por metade da conta! As pessoas que já pagam os impostos mais altos terão o maior benefício de uma redução de impostos. Tribute -os demais, atacá -los por serem ricos e eles simplesmente não aparecem mais. Na verdade, eles podem começar a beber no exterior, onde a atmosfera é um pouco mais amigável ..

• Copiar
• LinkedIn
• Facebook
• Twitter

Identifique -se para exibir ou adicionar a como

VP e líder de prática / analista de tecnologia / colaborador da Forbes / host de podcast 1 J J.

Você quer mais reuniões? Fechar acordos maiores? Ouça a verdade brutal sobre o podcast de vendas

Qualquer pessoa para alguma comédia de vendas de sexta -feira. #Vendas e Marketing

• Copiar
• LinkedIn
• Facebook
• Twitter

Identifique -se para exibir ou adicionar a como

VP e líder de prática / analista de tecnologia / colaborador da Forbes / host de podcast 1 J J.

Prazer em ir à rede Schwab e falar sobre a aquisição da Cisco do Splunk o que não gosta neste negócio? * $ 4b de arr * alcance global para splunk * Caminho fácil para aprovação regulatória https: // lnkd.in/e-j_xqht

Tecnologia | Rede Schwab

SchwabNetwork.com

• Copiar
• LinkedIn
• Facebook
• Twitter

Identifique -se para exibir ou adicionar a como

Exibindo um mapa usando um controle de imagem em PowerApps e Bing Maps ou Google Maps API

Houve muitos pedidos da comunidade sobre a capacidade de exibir um mapa no PowerApps. Embora ainda não tenhamos um controle de mapas no PowerApps, podemos usar o controle de imagem para exibir mapas – felizmente Mapas bing OURO Google Maps através do API de imagens do Bing Maps & API do Google Static Maps respectivamente.

Cenários de mapa

Aqui estão os cenários que construiremos hoje usando o controle de imagem:

1. Exibir um mapa para um determinado aluguel ou endereço
2. Exiba um mapa para o aluguel de GPS atual do dispositivo
3. Zoom entre / zoom usando um controle deslizante
4. Navegue até o aplicativo Maps ou a página da web quando clicado

Preparação

Obtenha a chave da API do Bing Maps, visitando este URL ou a chave da API do Google Static Maps, visitando este URL. Anote a chave para uso mais tarde no tutorial.

No estúdio ou web do PowerApps, crie um Novo Aplicativo em branco (escolha o layout de telefone ou tablet conforme sua necessidade).

Adicione uma tela de configuração

Primeiro criaremos uma tela de configuração para armazenar algumas informações que podem ser usadas por outras telas no aplicativo. Renomear chá Screen1 para Configuraçõescreen Da vista da árvore no lado esquerdo.

Inserir tem Entrada de texto Controle do Inserir Guia> Texto > Entrada de texto

Renomear O controle de Textinput1 para TxtbingMapsKey (Se você quiser usar a API do Bing Maps) ou TXTGOOGLEMAPSKEY (Se você quiser usar a API do Google Maps). Intercâmbio HintText Para “entrar na chave do maps aqui” e o Padrão Ao valor da chave real dos mapas do Bing ou dos mapas do Google desde a primeira etapa deste tutorial.

Inserir Outro Entrada de texto Controle do Inserir guia> Texto > Entrada de texto. Renomear Este controle para TxtImageWidth, Altere o texto da dica para “Enter Maps Image Larth aqui”, altere Padrão para “”600”(Se layout do telefone) ou“1200”(Se o layout do tablet), alterações Formatar para Número do painel apropriado à direita.

cópia de A TxtImageWidth (Ctrl + C) e a pasta (Ctrl + V) na mesma tela para criar uma cópia. Renomear O controle para TxtImageHeight, mudar o Texto dica Para “inserir a altura da imagem do mapa aqui”, muda Padrão para “”300”(Para layout do telefone) e“600”(Para layout do tablet).

Adicione a tela principal

Inserir > Nova tela > Layout em branco.

Renomear chá Screen2 para Tela de mão.

Mover chá Tela de mão Acordando clicando no Subir Ícone no menu de contexto

Inserir > meios de comunicação > Foto Controle para adicionar uma nova imagem à tela.

Renomear O controle de Image1 para ImgmapControl. Colocou o Largura para TxtImageWidth e Altura para TxtImageHeight.

Cenário 1: Exiba um mapa para um determinado aluguel ou endereço

Vamos inserir um controle de entrada de texto para inserir o aluguel ou endereço para o mapa: Inserir Guia> Texto > Entrada de texto. Renomear O controle para txtLocation. Mova -o para um aluguel na tela onde apropriado.

Intercâmbio Texto dica como “insira um aluguel ou endereço” e mantenha Padrão como uma calcinha vazia “” ou seu aluguel favorito – para e.g. Times Square, Nova York, Seattle etc ..

Para renderizar o mapa, use a seguinte fórmula no Foto Propriedade do ImgmapControl ::

Para os mapas do Bing, use:

"https: // dev.virtual.Net/REST/V1/Imagery/Map/Road/"& Close.Texto) & "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & key https: // msdn.Microsoft.com/en-us/biblioteca/ff701724.ASPX "Target =" _ Blank "rel =" Noopener ">Obtenha um mapa estático artigo para exemplos e outros parâmetros.
 
Para o Google Maps Use:
 
"https: // mapas.googleapis.Com/mapas/api/staticmap?Center = "& coderl (txtlocation.Texto) & "& size =" & txtImageWidth & "x" & txtimageHeight & "& key https: // desenvolvedores.Google.com/mapas/documentação/mapas estáticos/intro "Target =" _ Blank "rel =" Noopener ">Guia do desenvolvedor do Google Static Maps.
 
Aqui estão as capturas de tela para o aluguel: agulha espacial, Seattle usando mapas bing:
 
 
E aqui está o mesmo aluguel usando o Google Maps (observe que o tamanho é restrito a 640 × 640 no Google Maps, pois estou usando a versão da API):
 
 
Brincando com algumas das opções
 
Alterar o ImageySets (mapas bing) e os tipos de mapa (Google Maps):
 
Mapas bing Imagens de imagens vários suportes. Vamos adicionar um menu suspenso para ver o efeito de alterar esses ImageySets.
 
Inserir > Controles > Suspenso Para adicionar um menu suspenso. Renomear O controle para Drpbingimagerysts. Colocou o Unid Propriedade para o seguinte:
 
Também
Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir a opção Imageyet:
"https: // dev.virtual.Net/REST/V1/Imagery/Map/"& drpbingImagerySets.Selecionado.Valor & "/" & Cartierl (TXTLocation.Texto) & "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & key lazy "style =" Imagem de fundo: nenhum; Flutuar: nenhum; Top-top: 0px; Preenchimento-esquerda: 0px; Margem: 0px automático; Exibição: bloco; Right-right: 0px; Largura de borda: 0px; "title =" imagem "src =" https: // pwrapscdn.AzureEdge.Net/mediaHandler/blog/mídia/powerapps/blog/44162776-5e72-45f3-ae21-69889a9fc50e.png "alt =" imagem "width =" 610 "altura =" 339 "border =" 0 "/>
 
Google Maps Quatro suportes de MapTypes. Vamos adicionar um menu suspenso para ver o efeito de alterar esses tipos.
 
Inserir > Controles > Suspenso Para adicionar um menu suspenso. Renomear O controle para DrpGoogleMapTypes. Colocou o Unid Propriedade para o seguinte:
 
["Roteiro", "campo", "satélite", "híbrido"]
Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir a opção MapType:
"https: // mapas.googleapis.Com/mapas/api/staticmap?Center = "& coderl (txtlocation.Texto) & "&& size =" & txtImageWidth & "x" & txtImageHeight & "& maptype =" & drpgoogleMapTypes.Selecionado.Valor & "& Key Lazy" style = "Background-Image: Nenhum; Float: Nenhum; Top-top: 0px; preenchimento-esquerda: 0px; margem: 0px Auto; Display: Block; Right-Right: 0px; largura de borda da borda : 0px; " Title = "Image" src = "https: // pwrapscdn.AzureEdge.Net/mediaHandler/blog/mídia/powerapps/blog/e41fdeab-08dd-4f9b-a930-cde673496519.png "alt =" imagem "width =" 610 "altura =" 343 "border =" 0 "/>
 
Essas APIs de mapa são bastante poderosas e tenho certeza que você ficará tentado a experimentar outras opções disponíveis para personalização. Por enquanto, vamos para o próximo cenário:
 
Cenário 2: Exiba um mapa para o aluguel de GPS atual do dispositivo
 
O PowerApps fornece acesso nativo a sinais de dispositivo como aluguel (GPS), aceleração, bússola, etc. Vamos usar o sinal de aluguel para mostrar o aluguel atual em um mapa.
 
Para isso, usaremos a mesma entrada de texto txtLocation para exibir as coordenadas do GPS se selecionarmos uma alternância para usar o aluguel de GPS.
 
Inserir> controles> alternar para inserir um Alternar Controle na tela. Renomear para TglgpsLocation.
 
 
Inserir> etiqueta para inserir um Rótulo Controle na tela. Mova -o ao lado da alternância e Renomear para lblgpslocation. Altere o texto para "usar aluguel de GPS:".
 
 
Mudar o Padrão do txtLocation Entrar texto para esta fórmula:
 
If (tglgpsLocation.Valor, aluguel.Latitude & ",, e aluguel.Longitude, "")
Para Mapas bing, Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir as opções Centerpoint & Pushpin (observe que precisamos adicionar o ZoomLevel também):
"https: // dev.virtual.Net/REST/V1/Imagery/Map/"& drpbingImagerySets.Selecionado.Valor & "/" & Cartierl (TXTLocation.Texto) e "/15?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & pp = "& txtLocation.Texto & "; i+AM+aqui & Key Lazy" Style = "Background-Image: Nenhum; Float: Nenhum; Top-top: 0px; preenchimento-esquerda: 0px; margem: 0px Auto; Display: Block; preenchimento-direto : 0px; largura de borda: 0px; " Title = "Image" src = "https: // pwrapscdn.AzureEdge.Net/mediaHandler/blog/mídia/powerapps/blog/7bd7e539-74c3-47d3-a3b4-7987dfd3eed2.png "alt =" imagem "width =" 610 "altura =" 306 "border =" 0 "/>
 
Para Google Maps, Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir as opções Center & Markers (observe que temos que adicionar o ZoomLevel também):
 
"https: // mapas.googleapis.Com/mapas/api/staticmap?Center = "& coderl (txtlocation.Texto) & "& zoom = 15 & size =" & txtImageWidth & "x" & txtImageHeight & "& maptype =" & drpgoogleMaPtypes.Selecionado.Valor & "& Markers = Cor: Blue%7Clabel: M%7c" & Cartierl (TXTLocation.Texto) & "& Key Lazy" style = "Background-Image: Nenhum; Float: Nenhum; Padding-top: 0px; Padding-left: 0px; margem: 0px Auto; Display: Block; Right-Right: 0px; borda- Largura: 0px; " Title = "Image" src = "https: // pwrapscdn.AzureEdge.Net/mediaHandler/blog/mídia/powerapps/blog/68b9e899-2ed5-48d6-b020-e98988152735.png "alt =" imagem "width =" 610 "altura =" 550 "border =" 0 "/>
 
Cenário 3: Zoom entre / zoom usando um controle deslizante
 
Movendo o cenário final, vamos adicionar um Slider Controle o nível de zoom. Inserir> Controles> Slider. Renomear chá Slider1 para Slzoom. Intercâmbio Padrão para 15, Min para 1 & Máx para 21.
 
 
Adicione a Rótulo Ao lado do controle deslizante para denotar o nível de zoom. Inserir> etiqueta. Renomear O rótulo para lbzoom. Intercâmbio Texto Para: “Zoom (1-21):”.
 
 
Para Mapas bing, Mudar a fórmula no Foto Propriedade do ImgmapControl Para incluir o zoomlevel do controle deslizante.
 
"https: // dev.virtual.Net/REST/V1/Imagery/Map/"& drpbingImagerySets.Selecionado.Valor & "/" & Cartierl (TXTLocation.Texto) & "/" & slzoom.Valor & "?Mapsize = "& txtImageWidth &", "& txtImageHeight &" & pp = "& txtLocation.Texto & "; i+am+aqui e key bettaprint"> "https: // maps.googleapis.Com/mapas/api/staticmap?Center = "& coderl (txtlocation.Texto) & "& zoom =" & slzoom.Valor & "& size =" & txtImageWidth & "X" & txtImageHeight & "& Maptype =" & drpGoogleMaPtypes.Selecionado.Valor & "& Markers = Cor: Blue%7Clabel: M%7c" & Cartierl (TXTLocation.Texto) & "& key bettaprint">
Cenário 4: Navegue até o aplicativo Maps ou página da web quando clicado
Por fim, vamos adicionar a etapa de navegação ao clicar na imagem para abrir a respectiva página da web ou aplicativo.
Para Mapas bing, Adicione a seguinte fórmula no ONSELHECT para o ImgmapControl:
Para Google Maps, Adicione a seguinte fórmula no ONSELHECT para o ImgmapControl: