Demo

LocationBox JavaScript Demos

Add Region

Add:     Remove:  

Instructions

Use the "Add" button to add a predefined region.
See addRegion and createColorStyle on 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=APIV2
    &Typ=JS"></script>
    
  <script language="JavaScript">
  var mapper  = new IMapper();

  function startup() {
    mapper.initMap(41.1, 29.1, 8);
    mapper.addNavigationPanel();
    return;
  }

  function add() {    
    var sym;
    sym = new OM.style.Color({styleName:"polygonToolStyle",fillOpacity:0.7,
stroke:"#ff00C0", fill:"#0000FF",strokeThickness:3}); ordinates = [29.0, 41.0, 29.1, 41.1, 29.15, 41.05, 29.05, 41.0]; mapper.addRegion('id_1', ordinates, 'SampleRegion', sym,mclick, 99); return; } function remove() { mapper.removeFeature('id_1'); return; } function mclick() { alert('Region Click ...'); return; }
</script>

Buttons:

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

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