Code (This is how the code looks like based on the configuration above. It can be copied and pasted directly into your project):
                                    
                                    <html>
    <head>
        <title>SiteWatch API Example Viewer</title>
        <script src='http://kort.samsyn.is/api/SiteWatch.aspx?v=2&key=your_keycode' type='text/javascript'></script>
    </head>
    <body>
        <div style='height: 300px; width: 600px;' data-map-sw='
          {
            "markers": [{
              "id": "marker1",
              "p": { "x": 359583,"y": 406481 },
              "titleConfig": { "text": "Samsýn" },
              "imgConfig": { "url": "https://kort.samsyn.is/api/img/house.png" }
            }],
            "defaultDataSet": 0,
            "zoomLevel": 5,
            "defaultCenterPoint": { "x": 359581, "y": 406299 },
            "zoomButton": true,
            "panButton": true
          }'/>
    </body>
</html> 
                                    
                                 |