block by migurski 4703593

4703593

Full Screen

D3 and Typescript

Read more on my blog.

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>New Newness</title>
    <script src="//d3js.org/d3.v3.min.js"></script>
    <script src="Grid.bro.js"></script>
    <style title="text/css">
    <!--
    
        body
        {
            padding: 1em 0;
            margin: 1em 0;
        }
        
        #map
        {
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
            width: 100%;
            height: 600px;

            position: relative;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        
        body
        {
            overflow: hidden;
        }
        
        img.tile,
        div.tile
        {
            display: block;
            position: absolute;
            margin: 0;
            padding: 0;
            border: 0;
            -webkit-transform-origin: 0px 0px;
        }
    
    -->
    </style>
</head>
<body>
    <div id="map"></div>
    <script type="application/javascript">
    <!--
    
        var map = makeImgMap(document.getElementById('map'),
                             '//otile1.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.jpg',
                             1582.5, 656.5, 12);

        map.redraw();
    
    //-->
    </script>
</body>
</html>