Demo

LocationBox JavaScript Demos

Draw Rectangle

Start:     Get Points:  

Instructions

Use the "Start" button to start drawing. Click to mark the first corner point of the circle, then drag diagonally.
Use the "Get Points" to get the coordinates of the corner points.
See the JavaScript API for more information.

Source Code

The Javascript code for the above map is:

 <script language="Javascript" 
    src="http://www.locationbox.com.tr/locationbox/services?Key=key&Cmd=API
    &Typ=JS"></script>
    
  <script language="JavaScript">
  var mapper  = new IMapper();

  function startup() {
    mapper.initMap(41.1, 29.1, 4);
    mapper.addNavigationPanel();
    return;
  } 
	
  
  function start() {
    mapper.setRectangleTool();
    return;
  } 

  function get() {
    var ordinates = mapper.getRectangleOrdinates();
    alert("Rectangle ordinates:" + ordinates);
    return;
  } 
  
  </script>
					

Buttons:

    <a href="javascript:start()"><img src="images/add.gif" border=0></a>
    <a href="javascript:get()"><img src="images/add.gif" border=0></a>

					
Download working page
Remember that you need to use your key code as Key attribute.