WIP
This commit is contained in:
parent
f07bb9d94b
commit
14d2734a2b
@ -8,6 +8,10 @@
|
|||||||
th {
|
th {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
div#map {
|
||||||
|
width: 100%;
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -80,8 +84,21 @@
|
|||||||
|
|
||||||
<!-- visualizer -->
|
<!-- visualizer -->
|
||||||
<div class="col-md-9">
|
<div class="col-md-9">
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="active"><a data-toggle="tab" href="#semTab">Semantics</a></li>
|
||||||
|
<li><a data-toggle="tab" href="#mapTab">Map</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="tab-content">
|
||||||
|
<div id="semTab" class="tab-pane fade in active">
|
||||||
|
<h3>Semantic Tweaker</h3>
|
||||||
<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"></svg>
|
<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="500"></svg>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="mapTab" class="tab-pane fade">
|
||||||
|
<h3>Result Map</h3>
|
||||||
|
<div id="map"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- result listing -->
|
<!-- result listing -->
|
||||||
@ -154,6 +171,7 @@
|
|||||||
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
|
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
|
||||||
<script src="scripts/search.js"></script>
|
<script src="scripts/search.js"></script>
|
||||||
<script src="scripts/grapher.js"></script>
|
<script src="scripts/grapher.js"></script>
|
||||||
|
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&callback=initMap"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -55,6 +55,10 @@
|
|||||||
$('iframe').attr('src', $('iframe').attr('src'));
|
$('iframe').attr('src', $('iframe').attr('src'));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
$('#mapTab').on('shown', function(e) {
|
||||||
|
google.maps.event.trigger(window.map, 'resize');
|
||||||
|
alert('done');
|
||||||
|
});
|
||||||
|
|
||||||
window.accessReview = function(id) {
|
window.accessReview = function(id) {
|
||||||
$.post('/access', JSON.stringify({id: id, profile: getProfile()}));
|
$.post('/access', JSON.stringify({id: id, profile: getProfile()}));
|
||||||
@ -193,6 +197,14 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
window.initMap = function() {
|
||||||
|
window.map = new google.maps.Map(
|
||||||
|
document.getElementById('map'),
|
||||||
|
{center: {lat: -34.397, lng: 150.644}, zoom: 8}
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
$(document).on({
|
$(document).on({
|
||||||
ajaxStart: function() {
|
ajaxStart: function() {
|
||||||
$('#spinner').show();
|
$('#spinner').show();
|
||||||
|
Loading…
Reference in New Issue
Block a user