代码之家 › 专栏 › 技术社区 › George

Grails+谷歌地图API

google-maps groovy grails hibernate javascript

George · 技术社区 · 15 年前

我试图通过google maps api动态地表示一个groovy域对象的坐标变化。对象具有字段:

Double lat
Double lng

一种方法:

 void flyTo(lat, lng){
  Thread.start(){
   while (locked){
    changeCoords (this)
    this.save()
   }
  }

这里是一个JS,每隔5秒重新填充对地图的更改:

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key="MY_API_KEY"
            type="text/javascript"></script>
 <script type="text/javascript">
 var usCenterPoint = new GLatLng(39.833333, -98.583333)
 var usZoom = 4
 var map = new GMap2(document.getElementById("map"))

 function load() {
  if (GBrowserIsCompatible()) {
      var latFrom = -900;
      var latTo = -900;
      var lngFrom = -900;
      var lngTo = -900;
      map.setCenter(usCenterPoint, usZoom)
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl()); 
      updateMap();                      
   }
 }

 function updateMap(){
  map.clearOverlays();

  <g:each in="${dronesList}" status="i" var="drone"> 
         var point${drone.id} = new GLatLng(${drone.lat}, ${drone.lng})
         if (latFrom == -900){
           latFrom = ${drone.lat}
           lngFrom = ${drone.lng}
         } else {
    latTo = ${drone.lat}
    lngTo = ${drone.lng}
         }
        var marker${drone.id} = new GMarker(point${drone.id})
        marker${drone.id}.bindInfoWindowHtml("<strong>${drone.name}</strong><br/>${drone.description}<br/>")
          map.addOverlay(marker${drone.id});
         // map.setCenter(point${drone.id},usZoom);
         if (latTo != -900){
          var polyline = new GPolyline([
                                        new GLatLng(latFrom, lngFrom),
                                        new GLatLng(latTo, lngTo)
                                      ], "#ff0000", 10);
           map.addOverlay(polyline);
         }
     </g:each>  
 }
 </script>
  </head>
  <body onload="load(); setInterval('updateMap()', 5000)" onunload="GUnload()">

当我开始执行 flyTo() 方法,我有两个错误。

不填充对象的更改。事实上,地图甚至都没有出现。
当我调用 this.save() 方法: No Hibernate Session bound to thread, and configuration does not allow creation of non-transactional one here

如何解决这些问题?有更好的方法吗?

2 回复 | 直到 15 年前

George 15 年前

好吧,我有两个解决办法。

弗斯特 我应该创建一个控制器动作,并通过Ajax校准它来更新坐标。这个解决方案不太合适,因为我实际上对从外部而不是从视图改变域对象的状态感兴趣(希望,我解释得足够清楚)。如果没有,我会在这里回答任何问题)。

第二使用中 Quartz plugin .

nstehr 15 年前

对域模型的更改需要在休眠会话的上下文中进行,因此当创建新线程时,它看起来像是在会话外部创建的。使用thread.start()有什么特别的原因吗?另外,何时何地调用flyto()?我不认为我注意到你的JS中有一个调用来进行更新。如果在控制器中调用flyto(),它将自动绑定到休眠会话。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

3 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前