私のインデックスには<a href="/dashboard/gov.html">Government dashboard</a>
があります。これは私のgovページにリンクしています。私のgovページには、私たちはgoogle map apiと自分のjavascriptを持っています。しかし、govページへのリンクをクリックすると、自分のjのうちの1つだけがうまく動作します。 奇妙なことは、私がリダイレクトするリンクをクリックする代わりにgov.htmlをリロードして(またはルートとして設定して)、うまく動作しているようです。ここでjsがレールにルビーを正しく読み込まない
は仕事をdoest 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>
おかげで多くのことを。
ブラウザでコンソールを起動し、リンクをクリックしたときにエラーが発生していないかどうかを確認します。 –