GeoSearch.Init Tutorial

Creating Simple HTML page

When starting to create a GeoSeach interface from scratch, the first step is to create a page frame in which you wish to lay out your elements. Creating a simple HTML page requires just a few lines of code:

<html>
  <head>
    <title>GeoSearch Example</title> 
  </head>
  <body>
    <h1>GeoSearch Example</h1> 
  </body>
</html>

Next, add some elements to the page which will contain your map and search results list. These elements should have unique id attributes:

  <body>
    <h1>GeoSearch Example</h1> 
      <div id="map" style="width:49%; height:500px; float:right; border:1px solid black">
      </div>
      <div id="list" style="width:49%; height:500px; border:1px solid black">
      </div>
  </body>

Once you do this, you should have a blank page with two boxes and a title on it. (example 1).

Next: Adding GeoSearch to simple HTML page