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>
/api/marcadores