the information pop up window does not allign with the corrisponding marker after i copy and paste the block of code. it points to the one the one i copyed it from. I noticed they are alphebeticly ordered and i have reached Z and do not know how to add a new idenpendent marker PLS HLP!
below is a copy of my code and a link to the map http://76.12.172.105/rgw_map.htm --------------------------------------------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>RGW LIMO</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script src="menuscript.js" language="javascript" type="text/ javascript"></script> <link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" /> <script language="JavaScript"><!-- function SymError() { return true; } window.onerror = SymError; var SymRealWinOpen = window.open; function SymWinOpen(url, name, attributes) { return (new Object()); } window.open = SymWinOpen; //--> </script> <script src="http://maps.google.com/maps? file=api&v=2&key=ABQIAAAADnsSle3u5YFxQic7elW5dhRw7Z0ABD- fiaUs0mlOJISW1NNdkBRBIe1Gg6S3nJev4owm4Ej8p4AQQQ" type="text/javascript"></script> <script src="labeledmarker.js"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.setCenter(new GLatLng(33.965003,-118.125000), 10); map.enableDoubleClickZoom(); // Los Angeles var latlng = new GLatLng(34.040996, -118.244476); var icon = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(25, 7); opts = { "icon": icon, "clickable": true, "title": "Los Angeles - Click Here For Rates", "labelText": "A", "labelOffset": new GSize(-6, -10) }; var marker = new LabeledMarker(latlng, opts); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("<p><b>Los Angeles</b><br / ><b>LAX: To =$55 From =$64 <br />BUR: To =$60 From =$64<br />JWA: To = $ From =$<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(marker); // Las Flores Canyon var latlng3 = new GLatLng(34.04806227848465, -118.66536710739136); var icon3 = new GIcon(); // icon.image = 'http://gmaps-samples.googlecode.com/svn/trunk/ markers/circular/bluecirclemarker.png'; icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts3 = { "icon": icon, "clickable": true, "title": "Los Flores Canyon To Malibu Canyon - Click Here For Rates", "labelText": "C", "labelOffset": new GSize(-6, -10) }; var marker3 = new LabeledMarker(latlng3, opts3); GEvent.addListener(marker3, "click", function() { marker3.openInfoWindowHtml("<b>Los Flores Canyon To Malibu Canyon</b> <br />$70 LAX Drop Off"); }); map.addOverlay(marker3); // Malibu Canyon to Latigo Canyon var latlng4 = new GLatLng(34.04519426586373, -118.71287294387817); var icon4 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts4 = { "icon": icon, "clickable": true, "title": "Malibu Canyon to Latigo Canyon - Click Here For Rates", "labelText": "D", "labelOffset": new GSize(-6, -10) }; var marker4 = new LabeledMarker(latlng4, opts4); GEvent.addListener(marker4, "click", function() { marker4.openInfoWindowHtml("<b>Malibu Canyon To Latigo Canyon</b> <br />$75 LAX Drop Off"); }); map.addOverlay(marker4); // Latigo to Kanan Dume RD var latlngDE = new GLatLng(34.02944839572386, -118.78962921142578); var iconDE = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsDE = { "icon": icon, "clickable": true, "title": "Latigo Canyon to Kanan Dume - Click Here For Rates", "labelText": "E", "labelOffset": new GSize(-6, -10) }; var markerDE = new LabeledMarker(latlngDE, optsDE); GEvent.addListener(markerDE, "click", function() { markerDE.openInfoWindowHtml("<b>Latigo Canyon to Kanan Dume</ b> <br />$80 LAX Drop Off"); }); map.addOverlay(markerDE); // F - Kanan Dume TO Trancas Canyon RD var latlng5 = new GLatLng(34.04044839572386, -118.82962921142578); var icon5 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts5 = { "icon": icon, "clickable": true, "title": "Kanan Dume To Trancas - Click Here For Rates", "labelText": "F", "labelOffset": new GSize(-6, -10) }; var marker5 = new LabeledMarker(latlng5, opts5); GEvent.addListener(marker5, "click", function() { marker5.openInfoWindowHtml("<b>Kanan Dume to Trancas Canyon</ b> <br />$85 LAX Drop Off"); }); map.addOverlay(marker5); // G - Trancas to Decker Canyon var latlng6 = new GLatLng(34.05029768165777, -118.8820532913208); var icon6 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts6 = { "icon": icon, "clickable": true, "title": "Trancas Canyon to Decker Canyon RD - Click Here For Rates", "labelText": "G", "labelOffset": new GSize(-6, -10) }; var marker6 = new LabeledMarker(latlng6, opts6); GEvent.addListener(marker6, "click", function() { marker6.openInfoWindowHtml("<b>Trancas Canyon to Decker Canyon RD</b> <br />$90 LAX Drop Off"); }); map.addOverlay(marker6); // H - Decker Canyon Mulholland Hwy var latlng7 = new GLatLng(34.05029768165777, -118.9220532913208); var icon7 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts7 = { "icon": icon, "clickable": true, "title": "Decker Canyon RD To Mulholland Hwy - Click Here For Rates", "labelText": "H", "labelOffset": new GSize(-6, -10) }; var marker7 = new LabeledMarker(latlng7, opts7); GEvent.addListener(marker7, "click", function() { marker7.openInfoWindowHtml("<b>Decker Canyon RD To Mulholland Hwy</b> <br />$95 LAX Drop Off"); }); map.addOverlay(marker7); // I - North of Mulholland Hwy var latlng8 = new GLatLng(34.09029768165777, -118.8920532913208); var icon8 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts8 = { "icon": icon, "clickable": true, "title": "North of Mulholland Hwy - Click Here For Rates", "labelText": "I", "labelOffset": new GSize(-6, -10) }; var marker8 = new LabeledMarker(latlng8, opts8); GEvent.addListener(marker8, "click", function() { marker8.openInfoWindowHtml("<b>Inland North of Mulholland Hwy</b> <br />$110 LAX Drop Off"); }); // map.addOverlay(marker8); // J - In land North of Mulholland Hwy var latlng9 = new GLatLng(34.09029768165777, -118.8320532913208); var icon9 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts9 = { "icon": icon, "clickable": true, "title": "North of Trancas Canyon - Click Here For Rates", "labelText": "J", "labelOffset": new GSize(-6, -10) }; var marker9 = new LabeledMarker(latlng9, opts9); GEvent.addListener(marker9, "click", function() { marker9.openInfoWindowHtml("<b>Inland North of Trancas Canyon</b> <br />$110 LAX Drop Off"); }); // map.addOverlay(marker9); // K - North of Kanan Dume var latlngK = new GLatLng(34.09029768165777, -118.7920532913208); var iconK = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsK = { "icon": icon, "clickable": true, "title": "North of Kanan Dume - Click Here For Rates", "labelText": "K", "labelOffset": new GSize(-6, -10) }; var markerK = new LabeledMarker(latlngK, optsK); GEvent.addListener(markerK, "click", function() { markerK.openInfoWindowHtml("<b>Inland North of Kanan Dume</ b> <br />$90 LAX Drop Off"); }); // map.addOverlay(markerK); // L - Inland Latigo Canyon to Malibu var latlngL = new GLatLng(34.09029768165777, -118.7420532913208); var iconL = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsL = { "icon": icon, "clickable": true, "title": "Malibu Canyon to Latigo Canyon - Click Here For Ratesf", "labelText": "L", "labelOffset": new GSize(-6, -10) }; var markerL = new LabeledMarker(latlngL, optsL); GEvent.addListener(markerL, "click", function() { markerL.openInfoWindowHtml("<b>Inland Malibu Canyon to Latigo Canyon </b> <br />$85 LAX Drop Off"); }); // map.addOverlay(markerL); // M - In Land Malibu to Las Flores var latlngM = new GLatLng(34.09029768165777, -118.6820532913208); var iconM = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsM = { "icon": icon, "clickable": true, "title": "Las Flores to Malibu Canyon - Click Here For Rates", "labelText": "M", "labelOffset": new GSize(-6, -10) }; var markerM = new LabeledMarker(latlngM, optsM); GEvent.addListener(markerM, "click", function() { markerM.openInfoWindowHtml("<b>Inland Las Flores to Malibu Canyon</b> <br />$80 LAX Drop Off"); }); // map.addOverlay(markerM); // N - Old Topanga Canyon Rd var latlngN = new GLatLng(34.09029768165777, -118.6220532913208); var iconN = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsN = { "icon": icon, "clickable": true, "title": " Old Topanga Canyon Rd - Click Here For Rates", "labelText": "N", "labelOffset": new GSize(-6, -10) }; var markerN = new LabeledMarker(latlngN, optsN); GEvent.addListener(markerN, "click", function() { markerN.openInfoWindowHtml("<b>Inland Old Topanga Canyon Rd</ b> <br />$75 LAX Drop Off"); }); map.addOverlay(markerN); // O - Pasadena var latlngO = new GLatLng(34.137383,-118.11882); var iconO = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsO = { "icon": icon, "clickable": true, "title": "Pasadena - Click Here For Rates", "labelText": "O", "labelOffset": new GSize(-6, -10) }; var markerO = new LabeledMarker(latlngO, optsO); GEvent.addListener(markerO, "click", function() { markerO.openInfoWindowHtml("<p><b>Pasadena</b> <br /><b>LAX: To =$69 From =$78 <br />BUR: To =$55 From =$59<br />JWA: To =$85 From =$94<br /> LGB: To =$75 From =$84</b></p>"); }); map.addOverlay(markerO); // Q - Sierra Madre var latlngQ = new GLatLng(34.184885,-118.07788); var iconQ = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsQ = { "icon": icon, "clickable": true, "title": "Sierra Madre- Click Here For Rates", "labelText": "Q", "labelOffset": new GSize(-6, -10) }; var markerQ = new LabeledMarker(latlngQ, optsQ); GEvent.addListener(markerQ, "click", function() { markerQ.openInfoWindowHtml("<p><b>Sierra Madre</b> <br / ><b>LAX: To =$69 From =$78 <br />BUR: To =$60 From =$64<br />JWA: To = $ From =$<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(markerQ); // R - San Marino var latlngR = new GLatLng(34.141875,-118.053374); var iconR = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsR = { "icon": icon, "clickable": true, "title": "San Marino- Click Here For Rates", "labelText": "R", "labelOffset": new GSize(-6, -10) }; var markerR = new LabeledMarker(latlngR, optsR); GEvent.addListener(markerR, "click", function() { markerR.openInfoWindowHtml("<b>San Marino</b> <br /><b>LAX: To =$69 From =$78 <br />BUR: To =$55 From =$59<br />JWA: To =$85 From =$94<br /> LGB: To =$75 From =$84</b></p>"); }); map.addOverlay(markerR); // S - La cañada var latlngS = new GLatLng(34.218332,-118.206367); var iconS = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsS = { "icon": icon, "clickable": true, "title": "La cañada- Click Here For Rates", "labelText": "S", "labelOffset": new GSize(-6, -10) }; var markerS = new LabeledMarker(latlngS, optsS); GEvent.addListener(markerS, "click", function() { markerS.openInfoWindowHtml("<b>La cañada</b> <br /><b>LAX: To =$69 From =$78 <br />BUR: To =$55 From =$59<br />JWA: To =$85 From =$94<br /> LGB: To =$75 From =$84</b></p>"); }); map.addOverlay(markerS); // T - Beverly Hills var latlngT = new GLatLng(34.074931,-118.410301); var iconT = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsT = { "icon": icon, "clickable": true, "title": "Beverly Hills- Click Here For Rates", "labelText": "T", "labelOffset": new GSize(-6, -10) }; var markerT = new LabeledMarker(latlngT, optsT); GEvent.addListener(markerT, "click", function() { markerT.openInfoWindowHtml("<p><b>Beverly Hills</b><br / ><b>LAX: To =$65 From =$74 <br />BUR: To =$65 From=$69<br />JWA: To = $ From =$<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(markerT); // U - West Hollywood var latlngU = new GLatLng(34.097449,-118.329617); var iconU = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsU = { "icon": icon, "clickable": true, "title": "West Hollywood- Click Here For Rates", "labelText": "U", "labelOffset": new GSize(-6, -10) }; var markerU = new LabeledMarker(latlngU, optsU); GEvent.addListener(markerU, "click", function() { markerU.openInfoWindowHtml("<p><b>West Hollywood</b><br / ><b>LAX: To =$60 From =$69 <br />BUR: To =$60 From =$64<br />JWA: To = $ From =$<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(markerU); // V - South Pasadena var latlngV = new GLatLng(34.118697,-118.157272); var iconV = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsV = { "icon": icon, "clickable": true, "title": "South Pasadena- Click Here For Rates", "labelText": "V", "labelOffset": new GSize(-6, -10) }; var markerV = new LabeledMarker(latlngV, optsV); GEvent.addListener(markerV, "click", function() { markerV.openInfoWindowHtml("<b>South Pasadena</b> <br / ><b>LAX: To =$69 From =$78 <br />BUR: To =$55 From =$59<br />JWA: To = $85 From =$94<br /> LGB: To =$75 From =$84</b></p>"); }); map.addOverlay(markerV); // W - Studio City var latlngW = new GLatLng(34.153579,-118.396397); var iconW = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsW = { "icon": icon, "clickable": true, "title": "Studio City - Click Here For Rates", "labelText": "W", "labelOffset": new GSize(-6, -10) }; var markerW = new LabeledMarker(latlngW, optsW); GEvent.addListener(markerW, "click", function() { markerW.openInfoWindowHtml("<b>Studio City</b> <br /><b>LAX: To =$ From =$ <br />BUR: To =$ From =$<br />JWA: To =$ From =$<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(markerW); // X - La Puente var latlng2 = new GLatLng(34.036729, -117.958488); var icon2 = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); opts2 = { "icon": icon, "clickable": true, "title": "La Puente- Click Here For Rates", "labelText": "2", "labelOffset": new GSize(-6, -10) }; var marker2 = new LabeledMarker(latlng2, opts2); GEvent.addListener(marker2, "click", function() { marker2.openInfoWindowHtml("<p><b>La Puente</b> <br / ><b>LAX: To =$ From =$ <br />BUR: To =$ From =$<br />JWA: To =$ >From = $<br /> LGB: To =$ From =$</b></p>"); }); map.addOverlay(marker2); // Z - Alhambra var latlngZ = new GLatLng(34.068018,-118.156586); var iconZ = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsZ = { "icon": icon, "clickable": true, "title": "Alhambra- Click Here For Rates", "labelText": "Z", "labelOffset": new GSize(-6, -10) }; var markerZ = new LabeledMarker(latlngZ, optsZ); GEvent.addListener(markerZ, "click", function() { markerZ.openInfoWindowHtml("<b> Alhambra</b> <br /><b>LAX<b/ >: To =$ From =$ <br /><b>BUR<b/>: To =$ From =$<br /><b>JWA:<b/> To = $ From =$<br /> <b> LGB: To =$ From =$"); }); map.addOverlay(markerZ); // Z - pico var latlngB = new GLatLng(33.988349,-118.090668); var iconb = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsB = { "icon": icon, "clickable": true, "title": "pico- Click Here For Rates", "labelText": "B", "labelOffset": new GSize(-6, -10) }; var markerB = new LabeledMarker(latlngB, optsB); GEvent.addListener(markerB, "click", function() { markerB.openInfoWindowHtml("<b> pico</b> <br /><b>LAX<b/>: To =$ From =$ <br /><b>BUR<b/>: To =$ From =$<br /><b>JWA:<b/> To =$ >From =$<br /> <b> LGB: To =$ From =$"); }); map.addOverlay(markerB); //Arcadia var latlngX = new GLatLng(34.122605,-118.043976); var iconb = new GIcon(); icon.image = 'mlbsm.png'; icon.iconSize = new GSize(42, 42); icon.iconAnchor = new GPoint(36, 36); icon.infoWindowAnchor = new GPoint(20, 7); optsB = { "icon": icon, "clickable": true, "title": "Arcadia- Click Here For Rates", "labelText": "X", "labelOffset": new GSize(-6, -10) }; var markerX = new LabeledMarker(latlngX, optsX); GEvent.addListener(markerX, "click", function() { markerX.openInfoWindowHtml("<b> Arcadia</b> <br /><b>LAX<b/ >: To =$ From =$ <br /><b>BUR<b/>: To =$ From =$<br /><b>JWA:<b/> To = $ From =$<br /> <b> LGB: To =$ From =$"); }); map.addOverlay(markerX); } } </script> </head> <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FFFFFF" onLoad="load()" onUnload="GUnload()" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <ul> <blockquote> <div align="left"> <table width="579" border="0" cellspacing="0" cellpadding="0" align="left" height="474"> <tr> <td> <left> <div align="left" id="map" style="float:left; width: 772px; height: 492px; border: 1px solid black"></div> </center></td> </tr> </table> </div> </blockquote> </ul> <div style="position: absolute; width: 67px; height: 518px; z-index: 1; left: 1px; top: -8px" id="layer1"> <table border="0" width="77" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" height="519"> <tr> <td> </td> </tr> </table> </div> </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 -~----------~----~----~----~------~----~------~--~---
