<!-- // The Following div element will end up holding the map search control. // You can place this anywhere on your page --> <div id="mapsearch"> <span style="background:#666; color:#fff;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div>
<!-- Maps Api, Ajax Search Api and Stylesheet // Note: If you are already using the Maps API then do not include it again // If you are already using the AJAX Search API, then do not include it // or its stylesheet again // // The Key Embedded in the following script tags is designed to work with // the following site: // http://mysite.com --> <script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" type="text/javascript"></script> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds-msw&key=xxxxxxxxxxxxxxxxxxxxxxxxxxxx" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/css/gsearch.css"); </style>
<script type="text/javascript"> function LoadMapSearchControl() {
var options = { zoomControl : GSmapSearchControl.ZOOM_CONTROL_ENABLE_ALL, title : "map", url : "http://mysite/map.php", idleMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM, activeMapZoom : GSmapSearchControl.ACTIVE_MAP_ZOOM }
new GSmapSearchControl( document.getElementById("mapsearch"), "Cardiff, Wales", options );
} // arrange for this function to be called during body.onload // event processing GSearch.setOnLoadCallback(LoadMapSearchControl); </script> <!-- ++End Map Search Control Wizard Generated Code++ -->