|
|
@ -3,7 +3,25 @@ |
|
|
|
{% block body %} |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-9"> |
|
|
|
<div class="map_area">Map area<div id="circle-1" onclick="scrolldiv()"> |
|
|
|
<!-- <div class="map_area">Map area<div id="circle-1" onclick="scrolldiv()"> --> |
|
|
|
<div class="map_area">Map area |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-1 col-sm-4"> |
|
|
|
|
|
|
|
<svg id="first_circle"> |
|
|
|
<circle cx="50" cy="50" r="2rem" stroke="green" stroke-width="4" fill="yellow" /> |
|
|
|
<text x="50" y="50" text-anchor="middle">hello </text> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
|
<div class="col-md-1 col-sm-4"> |
|
|
|
|
|
|
|
<svg id="second_circle"> |
|
|
|
<circle cx="50" cy="50" r='2rem' stroke="red" stroke-width="2" fill="gray" /> |
|
|
|
<text x="50" y="50" text-anchor="middle">hello boys </text> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-10"> |
|
|
@ -64,7 +82,8 @@ |
|
|
|
elem.scrollIntoView(); |
|
|
|
} |
|
|
|
</script> |
|
|
|
<script type="text/javascript"> |
|
|
|
|
|
|
|
<!-- <script type="text/javascript"> |
|
|
|
let firsttext = 'text text'; |
|
|
|
|
|
|
|
function setup() { |
|
|
@ -78,6 +97,6 @@ |
|
|
|
text(firsttext, 252, 144, 72, 72); |
|
|
|
firsttext.id = 'firsttext'; |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> --> |
|
|
|
|
|
|
|
{% endblock %} |
|
|
|