Question

在我的索引上我有<a href="/dashboard/gov.html">Government dashboard</a>链接到我的gov页面，在我的gov页面上我有google map api和我自己的javascripts。但是当我点击链接到gov页面时，我自己的一个js工作正常。奇怪的是，如果我只是重新加载gov.html（或将其设置为root）而不是单击链接以重定向所有似乎工作正常。

这是最适合工作的html部分：

<div  id='map'  style='height:280px; width:400px' />  

<script  src="https://maps.googleapis.com/maps/api/js?key=XXX"></script>  

<script>  
      var  map  =  new  google.maps.Map(document.getElementById('map'),  {  
                  center:  new  google.maps.LatLng(31.267401,  121.522179),  
                  mapTypeId:  google.maps.MapTypeId.ROADMAP,  
                  zoom:  11  
              });  

                              var  t  =  new  Date().getTime();  
      var  waqiMapOverlay  =  new  google.maps.ImageMapType({  
                  getTileUrl:  function(coord,  zoom)  {  
                            return  'http://tiles.aqicn.org/tiles/usepa-aqi/'  +  zoom  +  "/"  +  coord.x  +  "/"  +  coord.y  +  ".png?token=_TOKEN_ID_";  
                  },  
                  name:  "Air  Quality",  
        });  

      map.overlayMapTypes.insertAt(0,waqiMapOverlay);  
</script>

    </th>
    <th><img id="imgtraffic" width="395" height="280" /></th>
  </tr>
</table>

<table align="center" width="811" border="1">
  <tr>
    <td bgcolor="#9AD7F1" width="811">City Heat Map</td>
  </tr>
  <tr>
    <td><div id="container"></div>
     <div class="button-group">
      <input type="button" class="button" value="Show heat map" onclick="heatmap.show()"/>
      <input type="button" class="button" value="Close heat map" onclick="heatmap.hide()"/>
    </div>
    <script>
        var map = new AMap.Map("container", {
        resizeEnable: true,
        center: [116.418261, 39.921984],
        zoom: 11
    });
    if (!isSupportCanvas()) {
         ...
    </script>

    </td>
  </tr>
</table>

非常感谢你的帮助。

Answer 1

尝试将代码放入

$( document ).on('turbolinks:load', function() {
  Your code here
})

Answer 2

全部谢谢，实际上只需修改链接的属性

即可

virtual

禁用涡轮机是可以的。

js没有在轨道上用红宝石正确加载

2 个答案: