We are going to create a map comparator. The goal is to have two maps side- by-side from different providers and using some of the events that
OpenLayers.Map instance provides to keep the maps synchronized at the same position and zoom level.
To have two maps side-by-side, perform the following steps:
<table style="width: 100%; height: 95%;"> <tr> <td> <div id="ch04_map_a" style="width: 100%; height: 100%;"></div> </td> <td> ...