Javascript 使用thymeleaf和谷歌地图绘制不同的纬度和经度

我得到了数倍的纬度和经度，我正在尝试在谷歌地图中绘制，但我不知道具体怎么做，我想我的问题在于HTML

下面是我使用Spring的Java代码：

``

@RequestMapping（“/mapausuarios”）//controlador que controla lo que viene a la raz
公共字符串映射器（模型）引发ParseException{
tablausuario tu=新tablausuario（）；
ArrayList user=tu.listausuarios（）；
Collections.sort（user，（o1，o2）->o2.getCreatedAt（）.compareTo（o1.getCreatedAt（））；//tabla ordenada
addAttribute（“TodosLosUsuarios”，用户）；
返回“mapauser”；
}

我可以使用以下公式在表格中提取反纬度和经度：

                    <tbody  th:each="usuariosTotales: ${TodosLosUsuarios}" >
                        <tr>
                        <td th:text=" ${usuariosTotales.getLatitude()} " ></td>
                        <td th:text=" ${usuariosTotales.getLongitude()} " ></td>
                        </tr>
                    </tbody>

但我不知道如何在脚本中循环和绘制：

       <div id="map"></div>
       var geocoder;
       var map;

       <script>
           // Initialize and add the map
           function initMap() {
               // The location of Uluru
               var uluru = {lat: 40.416775, lng: -3.703790};
               // 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=***********&callback=initMap">
       </script>

var地理编码器；
var映射；
//初始化并添加映射
函数initMap（）{
//乌卢鲁的位置
var uluru={lat:40.416775，液化天然气：-3.703790}；
//以乌鲁鲁为中心的地图
var map=new google.maps.map(
getElementById（'map'），{zoom:4，center:uluru}）；
//位于乌卢鲁的标记
var marker=new google.maps.marker（{position:uluru，map:map}）；
}

救命啊

<script th:inline="javascript">
  var user = ${TodosLosUsuarios} ;

   function plotUser(user) {
       // The location of Uluru
       var uluru = {lat: user.latitude, lng: user.longitude};
       // 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});
   }

  function loadUsers()
   {
        var user = ${TodosLosUsuarios} ;
        for(var i=0;i<users.length;i++)
        {
            plotUser(users[i]);
        }           
   }

var user=${TodosLosUsuarios}；
函数用户（用户）{
//乌卢鲁的位置
var-uluru={lat:user.latitude，lng:user.longitude}；
//以乌鲁鲁为中心的地图
var map=new google.maps.map(
getElementById（'map'），{zoom:4，center:uluru}）；
//位于乌卢鲁的标记
var marker=new google.maps.marker（{position:uluru，map:map}）；
}
函数loadUsers（）
{
var user=${TodosLosUsuarios}；
对于（var i=0；iIs不工作，我想是因为“user.lat”未定义，我尝试使用-->var uluru={lat:user.getLatitude（），lng:user.getLatitude（）}；但它也不工作：/i已更新它，应为user.longitude和user.latude。我忘了检查变量名。
<script th:inline="javascript">
  var user = ${TodosLosUsuarios} ;

   function plotUser(user) {
       // The location of Uluru
       var uluru = {lat: user.latitude, lng: user.longitude};
       // 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});
   }

  function loadUsers()
   {
        var user = ${TodosLosUsuarios} ;
        for(var i=0;i<users.length;i++)
        {
            plotUser(users[i]);
        }           
   }

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