Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Spring boot é mais chato que o flask. Integração com o google maps da muito problema

Bom dia a todos. Eu estou estudando e não encontro solução para fazer o maps se integrar ao html do spring boot + thymeleaf. Vejam os problema:


2018-08-31 11:24:41.492 ERROR 8444 --- [nio-8080-exec-1] org.thymeleaf.TemplateEngine             : [THYMELEAF][http-nio-8080-exec-1] Exception processing template "map": Exception parsing document: template="map", line 29 - column 100
2018-08-31 11:24:41.499 ERROR 8444 --- [nio-8080-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.thymeleaf.exceptions.TemplateInputException: Exception parsing document: template="map", line 29 - column 100] with root cause

org.xml.sax.SAXParseException: A referência à entidade "callback" deve terminar com o delimitador ';'.

org.xml.sax.SAXParseException: A referência à entidade "callback" deve terminar com o delimitador ';'.

O código html :

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<title>Find a Job</title>
</head>
<body>

    <section>
        <div id="map"></div>
    </section>

    <script
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="scripts/main.js"></script>
    <script src="scripts/map.js"></script>
    <script>
// Initialize and add the map
function initMap() {
  // The location of Uluru
  var uluru = {lat: -25.344, lng: 131.036};
  // The map, centered at Uluru
  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 4, center: uluru});
  // The marker, positioned at Uluru
  var marker = new google.maps.Marker({position: uluru, map: map});
}
    </script>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=initMap">
</script>

</body>
</html>

Isso funcionou no flask. Alguém sabe qual é o problema?

1 resposta
solução!

desconsiderar esse tópico