如何在Simile Exhibit Map中显示位置?

时间:2015-04-02 21:52:02

标签: javascript html

任务:我有一个包含日期和地点的Google电子表格。我想在Simile时间轴和Google地图上显示这些数据。该页面有两个空间。日期显示在时间轴上,但地点不会显示在地图上。为了解决这个问题,我该怎么办? 这是spreadsheet公开链接。

这里是Html标题:

<script src="http://api.simile-widgets.org/exhibit/3.1.0rc/exhibit-api.js" type="text/javascript"></script>
<script src="http://api.simile-widgets.org/exhibit/3.1.0rc/extensions/time/time-extension.js"></script>

  <link rel="exhibit-extension" 
        href="http://api.simile-widgets.org/exhibit/3.1.0rc/extensions/map/map-extension.js?service=google2&gmapKey=ABQIAAAA5JLLfCE9c7HAtg25QM2KCRRyiP6mHEsQpwvxB19-hS9Kgd8RYhSXEtJVAXDUCZPqwtZZi7-HUYUYrw" 
        type="text/javascript" />

  <script src="http://api.simile-widgets.org/exhibit/3.1.0rc/extensions/map/map-extension.js"></script>

  <link     
        rel="exhibit/data" 
        type="application/jsonp"
        href="https://spreadsheets.google.com/feeds/list/1eL_g5nC0spoBGgPAy98rJVMXWxzizek9u0SRtTJocnU/od6/public/values?alt=json-in-script"
        ex:converter="googleSpreadsheets" />

身体:

<div ex:role="view"
     ex:viewClass="Timeline"
     ex:start=".start"
     ex:end=".end"
     ex:topBandUnit="decade"
     ex:bottomBandUnit="century"
     ex:colorKey=".eventType"
     ex:timelineheight="200">
  </div>

  <center ex:role="logo" ex:color="DimGrey"></center> 
  <div ex:role="lens">
     <b ex:content=".label"></b>
     <p><img ex:if-exists=".image" ex:src-content=".image" width="150"/></p>
     <p ex:content=".description"></p>
     <p ex:content=".eventType"></p>
     <div ex:if-exists=".location">Localização: <span ex:content=".location"></span></div>
  </div>
 <div ex:role="view"
     ex:viewClass="GoogleMaps2"
     ex:label=".label"
     ex:latlng=".latlng"
     ex:center="38.5707742, -7.9092808"
     ex:zoom="5" >         
  </div>

1 个答案:

答案 0 :(得分:0)

由于一个简单的原因,地图没有出现在地图上。在电子表格列标题上 我写了{latlng.location}, 而不是{latlng:location}。 脚本无法识别“。”,它只会识别“:”。 出于这个原因,我将结束这个问题。