...
Para aumentar a produtividade do desenvolvedor, criamos a classe gmaps.gateway no pacote @totvs/mingle e nele é possível adquirir os serviços disponibilizado pelo Google Maps API
...
Para usar a API do Google Maps no Mingle, siga o exemplo de código abaixo:
1 - Geocode
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
mapsgeocodeAddress(){ const endpoint = `geocode/json?address="${this.address}"` this.mingleService.gmaps.gateway(endpoint).subscribe(response => { const lat = response.results[0].geometry.location.lat; const long = response.results[0].geometry.location.lng; const urlGoogle = `https://maps.google.com/?q=${lat},${long}`; }); } |
No exemplo acima, utilizou-se o endpoint geocode fornecido pelo Google Maps. É importante ressaltar que os demais serviços disponibilizados pelo Google Maps também podem ser utilizados.
Em outro exemplo, é possível utilizar o serviço sem o endpoint para obter o JSON padrão do Google Maps com as APIs fornecidas pelo serviço.
2 - Google Maps JavaScript
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
mapsgetJavaScript(){ this.mingleService.gmaps.gateway().subscribe(response => { const lat = response.results[0].geometry.location.lat; const long = response.results[0].geometry.location.lng; const urlGoogle = `https://maps.google.com/?q=${lat},${long}`; console.log(response); //retorno do javascript }); } |
No exemplo acima, utilizou-se o endpoint geocode fornecido pelo Google Maps. É importante ressaltar que os demais serviços disponibilizados pelo Google Maps também podem ser utilizados.