Guten Tag zusammen!
Ich habe folgendes Problem:
ich habe einen georssnewsfeed geparst die xml Daten werden dann in einer Karte mit Hilfe von Markern dargestellt. Soweit funktioniert auch alles. Nun wollte ich allerdings den inhalt des Markerpopups rechts neben der Karte darstellen. Leider scheine ich irgendetwas falsch gemacht zu haben.
Ich würde mich sehr über eine Antwort freuen!
(sorry falls ich zuviel Code anhänge aber lieber zuviel als zu wenig)
die eigentliche stelle an der das Problem liegt:Code:<html> <head> <title>a</title> <meta name="description" content="a" /> <meta name="keywords" content="a" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> body { margin-top: 60px; margin-left: 60px; padding: 10px; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; color: #466362; } #hyperlinks{ position: absolute; padding: 10px; top: 200px; left: 860px; width: 150px; margin-left: 15px; border-left-color: blue; border-left-style: dashed; } #header{ position: absolute; top:20px; left:30px; font-size:26px; } #map{ position: absolute; top:75px; left:20px; color: rgb(100,20,230); border-left-width: 2px; border-left-color: red; border-left-style: dashed; border-right-width: 2px; border-right-color: red; border-right-style: dashed; border-top-width: 2px; border-top-color: red; border-top-style: dashed; border-bottom-width: 2px; border-bottom-color: red; border-bottom-style: dashed; margin-top: 10px; } </style> <script src="http://maps.google.com/maps?file=api&v=2.x&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ // globale Variablen, sind in allen Funktionen verfügbar var request = createXMLHttpRequest2(); var map; var debugLevel = 0; function createXMLHttpRequest2() { try { return new XMLHttpRequest(); } catch(e) {} try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {} try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} alert("XMLHttpRequest not supported"); return null; } function getXMLfile(url) { if (debugLevel>0){alert ("getXMLfile(" + url + ")");}; request.open("GET", url, true); // true = asynchronous request.onreadystatechange = handleStateChange; // showLoadMessage(); request.send(null); return false; } function handleStateChange() { if (debugLevel>0){alert("start handleStateChange");}; switch (request.readyState) { case 0 : // UNINITIALIZED if (debugLevel>0){alert("0: handleStateChange: " + request.readyState)}; break; case 1 : // LOADING if (debugLevel>0){alert("1: handleStateChange: " + request.readyState)}; break; case 2 : // LOADED if (debugLevel>0){alert("2: handleStateChange: " + request.readyState)}; break; case 3 : // INTERACTIVE if (debugLevel>0){alert("3: handleStateChange: " + request.readyState)}; break; case 4 : // COMPLETED { if (debugLevel>0){alert("4: handleStateChange: " + request.readyState);}; if ((request.status != 200) && (request.status != 304)) { alert("xml file not found ["+request.status+"]:"+url); //hideLoadMessage(); return; } processXMLfile(); } } } function processXMLfile() { if (debugLevel>0){alert("processXMLfile");}; //var xmlDoc = request.responseXML; var textDoc = request.responseText; //alert(textDoc); var xmlDoc=GXml.parse(textDoc); if (!xmlDoc) { alert("invalid xml file - no xmlDoc"); } //alert(xmlDoc); if (!xmlDoc.documentElement) { alert("invalid xml file - no documentElement"); } var markers = xmlDoc.documentElement.getElementsByTagName("marker"); // markers ist ein Array, das alle marker-Elemente enthält. // In einer Schleife werden diese ausgewertet! //alert(markers.length); for (var i = 0; i < markers.length; i++) { var lat = parseFloat(markers[i].getAttribute("lat")); var lng = parseFloat(markers[i].getAttribute("lng")); var urlPart1 = "http://gisdata.usgs.gov/xmlwebservices2/elevation_service.asmx/getElevation?"; var urlPart2 = "X_Value=" + lng + "&Y_Value=" + lat; var urlPart3 = "&Elevation_Units=METERS&Source_Layer=-1&Elevation_Only=true"; var urlGesamt = urlPart1 + urlPart2 +urlPart3; #hyperlinks{ position: absolute; padding: 10px; top: 200px; left: 860px; width: 150px; margin-left: 15px; border-left-color: blue; border-left-style: dashed; } //alert(urlGesamt); var URL = markers[i].getAttribute("link"); var title = markers[i].getAttribute("name"); var popUp = title; var htmlText= "<br />" + "<a href='" + URL + "' >" + popUp + "</a>"; if (debugLevel>0){alert (lng + "," + lat);}; myPoint = new GLatLng(lat,lng); //alert(lat + " / " + lng); // map.addOverlay(createMarker(myPoint,"Point " + i,"Point "+ i)); var htmlT = "<div style='"hyperlinks"'>" + "<a href='" + URL + "' >" + popUp + "</a>" + "</div>"; map.addOverlay(createMarker(myPoint,popUp,htmlText)); document.write(popUp,htmlT) //myMapBounds.extend(myPoint); } //hideLoadMessage(); } // Creates a marker at the given point with the given number label function createMarker(point, myMarkersName, myMarkersText) { var htmlString = '<div style="white-space:nowrap;">' + myMarkersText + '</div>'; var marker = new GMarker(point,{title:myMarkersName}); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(htmlString); }); return marker; } function load() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(48.53775,9.0411694), 13); var myCenterPoint = new GLatLng(18.551124,-72.3380); map.setCenter(myCenterPoint , 13); map.enableDoubleClickZoom(); map.enableScrollWheelZoom(); var myOverviewMapControl = new GOverviewMapControl(new GSize(100,100)); map.addControl(myOverviewMapControl); var myMapTypeControl = new GMapTypeControl(); map.addControl(myMapTypeControl); map.addMapType(G_PHYSICAL_MAP) ; map.addControl(new GLargeMapControl()); var myPoints = []; var myMapBounds = new GLatLngBounds(); getXMLfile("georss.php?url=http://haiti.ushahidi.com/feed/"); //getXMLfile("http://gisdata.usgs.gov/xmlwebservices2/elevation_service.asmx/getElevation?X_Value=10&Y_Value=49&Elevation_Units=METERS&Source_Layer=-1&Elevation_Only=true"); //getXMLfile("georss.php?country=Haiti"); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 800px; height: 600px"></div> <div id='header'> a </div> </body> </html>
Code://alert(urlGesamt); var URL = markers[i].getAttribute("link"); var title = markers[i].getAttribute("name"); var popUp = title; var htmlText= "<br />" + "<a href='" + URL + "' >" + popUp + "</a>"; if (debugLevel>0){alert (lng + "," + lat);}; myPoint = new GLatLng(lat,lng); //alert(lat + " / " + lng); // map.addOverlay(createMarker(myPoint,"Point " + i,"Point "+ i)); var htmlT = "<div style='"hyperlinks"'>" + "<a href='" + URL + "' >" + popUp + "</a>" + "</div>"; map.addOverlay(createMarker(myPoint,popUp,htmlText)); document.write(popUp,htmlT) //myMapBounds.extend(myPoint); }
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)