|
|
|
@ -20,9 +20,13 @@ Slovenski narečni atlas / Slovenian dialectal atlas
|
|
|
|
|
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
|
|
|
width="920px" height="530px" viewBox="0 0 1100 720" enable-background="new 0 0 1100 720"
|
|
|
|
|
xml:space="preserve">
|
|
|
|
|
<script src="//d3js.org/d3.v4.min.js"></script>
|
|
|
|
|
<script src="//d3js.org/topojson.v1.min.js"></script>
|
|
|
|
|
|
|
|
|
|
<svg style="border: 2px solid; border-color: #cbcbcb; margin: auto" version="1.1" class="img-responsive" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
|
|
|
viewBox="0 0 1100 720" enable-background="new 0 0 1100 720"
|
|
|
|
|
xml:space="preserve">
|
|
|
|
|
<g id="main">
|
|
|
|
|
<!-- width="1111.652px" height="719.964px" - originalna velikost-->
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
#test {
|
|
|
|
@ -11323,10 +11327,27 @@ Slovenski narečni atlas / Slovenian dialectal atlas
|
|
|
|
|
<use xlink:href="#pins1" x=381 y=370></use>
|
|
|
|
|
-->
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
|
|
<div id="legend" style="width: 180px; height: 240px; position: absolute; top: 260px; right: 0px;">
|
|
|
|
|
<?
|
|
|
|
|
$this->load->view('home/legend_view.php');
|
|
|
|
|
?>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
var svg = d3.select("svg")
|
|
|
|
|
.attr("width", "90%");
|
|
|
|
|
|
|
|
|
|
var zoomLayer = d3.select("#main");
|
|
|
|
|
|
|
|
|
|
var zoomed = function() {
|
|
|
|
|
zoomLayer.attr("transform", d3.event.transform);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
svg.call(d3.zoom()
|
|
|
|
|
.scaleExtent([1, 6])
|
|
|
|
|
.translateExtent([[-300, -400], [1000, 800]])
|
|
|
|
|
.on("zoom", zoomed));
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|