SiteWatch API Examples.
Copyright © 2011 - 2024 Samsýn ehf. All Rights Reserved.

Simple map
Simple marker
Simple line
Simple circle
Simple track location
Complex marker
Map coordinate
Project coordinate
Points routing
Address search
Complex track location
Json config
Custom canvas
  Nothing to configure.
Move the mouse over the map!
Map (This is how the map looks like based on the configuration on the left):
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='' type='text/javascript'></script> <script type='text/javascript'> //A map object variable. var map; //Event listener function. function mousemoveChange(map, e) { document.getElementById('mouseMove').innerHTML = '<b>X:</b> ' + Math.round(e.mCoords.x) + ' <b>Y:</b> ' + Math.round(e.mCoords.y); }; //Create a map object. function InitMap() { map = SWMap.create('map', { panButton: false, zoomButton: false, defaultZoom: 7, defaultCenterPoint: { x: 359583, y: 406481 } }); //Add an event listener to a function. See above. map.addListener('mousemove', mousemoveChange, this); }; </script> </head> <body onload='InitMap()'> <span id='mouseMove'></span> <div id='map' style='height:300px; width:600px;'></div> </body> </html>