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>
<script type='text/javascript'>
//A map object variable.
var map;
//Create a map object.
function InitMap() {
map = SWMap.create('map',
{ panButton: false, zoomButton: false,
defaultZoom: 7, defaultCenterPoint: { x: 359583, y: 406481 }
});
function Draw(map, context, customCanvas) {
//Get coordinates in canvas from ISN93 point.
var winX = customCanvas.xToWinX(359583);
var winY = customCanvas.yToWinY(406481);
context.beginPath();
context.arc(winX, winY, 16, 0, 2 * Math.PI, false);
context.fillStyle = 'rgba(255,0,0,0.5)';
context.fill();
context.lineWidth = 4;
context.strokeStyle = 'darkgreen';
context.stroke();
};
//Create custom canvas.
map.addCustomCanvas('customCanvas', Draw);
}
</script>
</head>
<body onload='InitMap()'>
<div id='map' style='height:300px; width:600px;'></div>
</body>
</html>
|