I've been following Mikes tutorial and I can not figure out how to add a side bar and labels to my coordinates. Can somebody please help me? I have a very limited understanding of html/java so any assistance that anyone can offer is appreciated.
The complete code is below: <script src="http://maps.google.com................."; type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ // create the map //GLargeMapControl adds large zoom and pan controls on the left, //you can change it by picking to of the options described below //there is a GSmallMapControl for a smaller pan/zoom control //also there is GSmallZoomControl - a small zoom control (no panning controls) map.addControl(new GLargeMapControl()); //this adds the Map, Satellite, and Hybrid buttons map.addControl(new GMapTypeControl()); //this adds a scale to the bottom left of the map, map.addControl(new GScaleControl()); var map; var markers = xmlDoc.documentElement.getElementsByTagName("marker"); var lat = parseFloat(markers[i].getAttribute("lat")); var html = GXml.value(markers[i].getElementsByTagName("infowindow") [0]); function load() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(44.557252, -79.660980), 13); // add a point onto the map map.addOverlay(new GMarker(new GLatLng(44.557252, -79.660980) (l)); map.addOverlay(new GMarker(new GLatLng(44.709808, -79.641839))); map.addOverlay(new GMarker(new GLatLng(44.534419, -79.563431))); map.addOverlay(new GMarker(new GLatLng(44.433406, -79.832951))); map.setZoom(10); // add control functions to the map map.addControl(new GMapTypeControl()); map.addControl(new GLargeMapControl()); map.addControl(new GScaleControl()); } } function zoomIn(){ //var map = new GMap2(document.getElementById("map")); map.setZoom(map.getZoom() + 1) } function zoomOut(){ //var map = new GMap2(document.getElementById("map")); map.setZoom(map.getZoom() - 1) } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <center> <h1>title</h1> <span>name</span> <br /> <br /> <!-- add a map --> <div id="map" style="width: 500px; height: 350px" border:1px solid #000000;"></div> <tr> <td width = 225 valign="top" style="text-decoration: ; color: #4444ff;"> <div id="side_bar"></div> </td> </tr> <table> <tr> <td> <input type='button' id='btnZoomIn' onclick='zoomIn()' value='Zoom In' /> </td> <td> <input type='button' id='btnZoomOut' onclick='zoomOut()' value='Zoom Out' /> </td> </tr> </table> </center> </body> </html> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/Google-Maps-API?hl=en -~----------~----~----~----~------~----~------~--~---
