首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Grails / Groovy属性值引用未关闭:来自域类的数据

Grails / Groovy属性值引用未关闭:来自域类的数据
EN

Stack Overflow用户
提问于 2015-07-27 13:10:16
回答 1查看 973关注 0票数 0

我正在使用GGTS: 3.6.4,Grails: 2.4.4 jdk 1.7.51 google-可视化:1.0

我正在尝试将数据从域类传递到我的视图中,以便使用Google可视化插件显示地图。我相信我把这些数据不正确地传递给了我的普惠制。我可以使数据呈现在屏幕上,文本,以可接受的格式,请参阅我的普惠制def mapData

当我用

代码语言:javascript
复制
def mapData =[<g:each in="${places}" var="place" status="i">[${place.lat}, ${place.lon}, "${place.name }"],</g:each>]

我收到以下错误:消息:属性值引号未关闭(elementId="map“columns= ${mapColumns}”data=“][

关于如何改变我的GSP以从我的域类获取数据有什么建议吗?

域类:

代码语言:javascript
复制
package zmapapp

class ThingLoc {
String name
Float lat
Float lon

static constraints = {

    lat()
    lon()
    name()
  }
}

控制器:

代码语言:javascript
复制
  package zmapapp


class ThingLocController {

def scaffold = true


def map (){
    def places = ThingLoc.list()
    [places: places]
}
}

普惠制:

代码语言:javascript
复制
<html>
<head>
    <title>Google Visualization API plugin</title>
    <meta name="layout" content="main" />
    <gvisualization:apiImport/>
</head>
   <body>
   <%

      def mapColumns = [['number', 'Lat'], ['number', 'Lon'], ['string', 'Name']]
      def mapData = [[37.4232, -122.0853, 'Work'], [37.4289, -122.1697, 'University'], [37.6153, -122.3900, 'Airport'], [37.4422, -122.1731, 'Shopping']]


   %>
   <script type="text/javascript">
      function selectHandler(e) {
          alert('A table row was selected');
      }

      function readyHandler(e) {
          console.log('Table is ready');
      }
   </script>

   <h2>See Map Below   </h2>

   <gvisualization:map elementId="map" 

   columns= "${mapColumns}" 
   data= "${mapData}"     />



   <table cellpadding="2" cellspacing="0">

         <td>
            <a href="http://developers.google.com/chart/interactive/docs/gallery/map">Map</a>
         </td>
         <td>
            <div id="map" style="width: 400px; height: 300px"></div>
         </td>
      </tr>
   </table>


           [<g:each in="${places}" var="place" status="i">[${place.lat}, ${place.lon}, "${place.name }"],</g:each>]


</body>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-30 14:12:06

最后,我没有使用def mapColumns或mapData,而是使用了这里找到的google语法:https://developers.google.com/chart/interactive/docs/gallery/map

这里是我更新的gsp:

代码语言:javascript
复制
    <html>
 <head>
     <title>Dat Map tho</title>
<meta name="layout" content="main" />
<gvisualization:apiImport/>

 <script type="text/javascript">

google.load('visualization', '1', { 'packages': ['map'] });
google.setOnLoadCallback(drawMap);

 function drawMap() {
 var data = google.visualization.arrayToDataTable([
   ['Lat', 'Long', 'Name'],

   <g:each in="${places}" var="place" status="i">[${place.lat}, ${place.lon}, "${place.name }"],</g:each> 

   ]);

var options = { showTip: true };

var map = new google.visualization.Map(document.getElementById('chart_div'));

map.draw(data, options);
 };
</script>

</head>
<body>

  <div id="chart_div"></div>
<br><br>

  <a   href="http://developers.google.com/chart/interactive/docs/gallery/map">Map Visualization Information</a>

  </body>
     </html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31654004

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档