0

Estou desenvolvendo uma aplicação web usando o spring boot e estou tentando implementar um mapa na tela principal da aplicação. A latitude e longitude estão sendo pegues no aplicativo mobile, entao estou fazendo um CarrinhoDTO para pegar somete as coordenadas no meu mapa, porem não estou conseguindo fazer a requisiçao. Como sou novo no spring, acredito que estou errando na comunicação entre a API e o js do mapa. Alguem pode me ajudar?

API para gerar o mapa.

@RestController
@RequestMapping("/api")
public class RestApiController {
@Autowired
CarrinhoService carrinhoService;

//------------------Markers Maps-------------------------------------------------

@RequestMapping(value = "/marcadores", method = RequestMethod.POST)
public ResponseEntity<List<CarrinhoDTO>> marcadores() {


    List<CarrinhoDTO> vdtos = new ArrayList<CarrinhoDTO>();
    List<Carrinho> carrinhos = carrinhoService.findByStatus("ENVIAR");


    for (Carrinho carrinho : carrinhos) {
        vdtos.add(new CarrinhoDTO(new Double(carrinho.getLatitude()), new Double(carrinho.getLongitude())));
    }

    return new ResponseEntity<List<CarrinhoDTO>>(vdtos, HttpStatus.OK);
}
}

Minha classe DTO:

package com.bigboss.comprafacil.models;

public class CarrinhoDTO {

public double lat;
public double lng;

public CarrinhoDTO(double lat, double lng) {
    super();
    this.lat = lat;
    this.lng = lng;
}

}

Meu HTML, onde será exibido o mapa.

<div class="row">

    <div class="col-lg-12" sec:authorize="hasRole('ROLE_USER')">
        <div class="col-md-12" id="map" style="height: 700px"></div>
    </div>

</div>
<script>
function initMap() {
    $.ajax({
        type: "POST",
        url: "/RestApiController/marcadores",
        dataType: "json",
        success: function (response) {

            var map = new google.maps.Map(document.getElementById('map'), {
                zoom: 15,
                center: {lat: -6.111754, lng: -38.203973}
            });

            // Crie uma série de caracteres alfabéticos usados ​​para rotular os marcadores..
            var caracteres = '12345678910111211314';

            // Adicione alguns marcadores ao mapa.
            // Nota: O código usa o método JavaScript Array.prototype.map () para
            // criar uma série de marcadores com base em uma dada matriz de "locais"..
            // O método do mapa () aqui não tem nada a ver com a API do Google Maps.
            var markers = response.map(function (location, i) {
                return new google.maps.Marker({
                    position: location,
                    label: caracteres[i % caracteres.length]
                });
            });

            // Adicione um marcador de marcador para gerenciar os marcadores.
            var markerCluster;
            markerCluster = new MarkerClusterer(map, markers, {
                  imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js'
            });
        },
    });
}
</script>
<script
    src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">

</script>
<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBaU8JcSdnkyoCsr1meMGFwm73Wvj0cYEE&callback=initMap">

</script>
1
  • 1
    De acordo com o controller que você postou, a url pra consultar deveria ser /api/marcadores Commented 13/07/2018 às 11:48

1 Resposta 1

1

No seu javascript vc esta consumindo a seguinte url: url: "/RestApiController/marcadores"

Porém no seu controle tem : /api/marcadores

@RestController
@RequestMapping("/api")
public class RestApiController {
@Autowired
CarrinhoService carrinhoService;
@RequestMapping(value = "/marcadores", method = RequestMethod.POST)
public ResponseEntity<List<CarrinhoDTO>> marcadores(@RequestBody CarrinhoDTO carrinhoDTO) { ... }
 .
 .
 .
 }

Talvez o erro possa ser na chamada da url.

6
  • Realmente era so isso, mas ele da retornando [com.bigboss.comprafacil.models.Carrinho@6f00a180, com.bigboss.comprafacil.models.Carrinho@bfc5214]dzgadgs [com.bigboss.comprafacil.models.CarrinhoDTO@56bfff2, com.bigboss.comprafacil.models.CarrinhoDTO@32e43ac4] o que pode ser? Commented 13/07/2018 às 12:47
  • 1
    Vc precisa especificar o Objeto q vc esta esta enviando : marcadores(@RequestBody CarrinhoDTO carrinhoDTO), caso vc queira realmente salvar um objeto do tipo CarrinhoDTO. Commented 13/07/2018 às 13:12
  • marcadores(@RequestBody CarrinhoDTO carrinhoDTO) nao entedi essa parte, vc pode me dizer onde colocar exatamente ? Commented 13/07/2018 às 15:13
  • 1
    Na sua função : public ResponseEntity<List<CarrinhoDTO>> marcadores(@RequestBody CarrinhoDTO carrinhoDTO) Commented 13/07/2018 às 16:18
  • 1
    O 400 é um erro de requisição, talvez o construtor do seu Objeto CarrinhoDTO esteja dificultando a conversão do objeto. public CarrinhoDTO(double lat, double lng) Commented 14/07/2018 às 9:35

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .