<![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
- GPX Loader template for Google Maps - Easily display GPS track and waypoint files
-
- Author: Bryce Nesbitt
- URL: http://www.obviously.com/gis/gpx_loader.html
- Licence: Freeware
- See also: http://www.topografix.com/gpx_manual.asp
-
- There are five simple steps to get going:
- 1) Give your .gpx file the same base name as this .html file.
- 2) Visit http://www.google.com/apis/maps/ to get an API key from Google.
- 3) Make sure you downloaded the pushpin image files (mm_20_red.png)./
- 3) Test.
- 4) Edit this template to set zoom level and/or colors.
-
- Note: some users have reported their web server sends .gpx files as
- "plain text". If this happens to you, and you can't fix the server, try
- changing the extension to ".xml".
-
-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<!-- #BeginEditable "doctitle" -->
<!-- #EndEditable -->
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<!-- Set proper API key here -->
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAelz9wVFgES2HYb6xbnf-GRS7EvfYWJEhQcT4Ekp9VhdlfSAjYhQhSTklCXGKGqD9yOhrmpLDxJUJOw" type="text/javascript"></script>
<body>
<!-- #BeginEditable "editableContent" -->
<div id="map" style="width: 50%; height: 600px"></div>
<!-- #EndEditable -->
<script type="text/javascript">
//<![CDATA[
// Modify this to set the initial zoom level
var zoomlevel = 5;
// Modify this to set the icon types used
//
var red_pin = new GIcon();
red_pin.image = "mm_20_red.png";
red_pin.shadow = "mm_20_shadow.png";
red_pin.iconSize = new GSize(12, 20);
red_pin.shadowSize = new GSize(22, 20);
red_pin.iconAnchor = new GPoint(6, 20);
red_pin.infoWindowAnchor = new GPoint(5, 1);
var green_pin = new GIcon();
green_pin.image = "mm_20_green.png";
green_pin.shadow = "mm_20_shadow.png";
green_pin.iconSize = new GSize(12, 20);
green_pin.shadowSize = new GSize(22, 20);
green_pin.iconAnchor = new GPoint(6, 20);
green_pin.infoWindowAnchor = new GPoint(5, 1);
// Modify this to map attributes to colors or icon types
//
function chooseIcon(name, type) {
if (type == "AIRPORT" ) {
return(red_pin)
}
if (type == "Dot" ) {
return(red_pin)
}
return(green_pin);
}
function chooseLineStyle(name, comment) {
if (comment == "BB" ) {
return(new Array("#00f0f0",5,.5))
}
return(new Array("#ff2000",6,.7)) // Color,Width,Opacity
}
// *****************************************************
// *****************************************************
// Internal function to create a marker with pop-up text
//
function createMarker(point, thtml, icon) {
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(thtml);
});
map.addOverlay(marker);
return marker;
}
// Create map object
//
var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
// Add click handler to show latitude/longitude
//
var latlongmarker;
GEvent.addListener(map, 'click', function(overlay, point) {
if (overlay) {
} else if (point) {
map.removeOverlay(latlongmarker);
latlongmarker = new GMarker(point);
map.addOverlay(latlongmarker);
latlongmarker.openInfoWindowHtml(point.x + "<br>" + point.y);
}
});
// Load and parse GPX file
// Builds .gpx filename based on html file
//
var request1 = GXmlHttp.create();
// var URL = document.URL;
// URL = URL.replace(/\.html$/,"");
// URL = URL.concat(".xml");
var URL1 = "aaa.xml";
request1.open("GET", URL1, true);
request1.onreadystatechange = function() {
if (request1.readyState == 4) {
var gpxDoc = request1.responseXML;
if( !gpxDoc ) {
alert("Could not load GPX document " + URL);
} else if( !gpxDoc.documentElement ) {
alert("Document " + URL + "\nwas not recognized by the XML loader");
} else if( gpxDoc.documentElement.childNodes.length < 3 ) {
alert("The XML loader could not parse document " + URL);
} else {
//
// Parse document <bounds>. Open map. Guess at zoom level.
//
minlat = +47.201051;
minlon = +18.656602;
maxlat = +47.788655;
maxlon = +19.292973;
bounds = gpxDoc.documentElement.getElementsByTagName("bounds");
if( bounds && bounds.length )
{
minlat = parseFloat(bounds[0].getAttribute("minlat"));
minlon = parseFloat(bounds[0].getAttribute("minlon"));
maxlat = parseFloat(bounds[0].getAttribute("maxlat"));
maxlon = parseFloat(bounds[0].getAttribute("maxlon"));
}
zoomlat = minlat+(maxlat-minlat)/2;
zoomlon = minlon+(maxlon-minlon)/2;
map.centerAndZoom(new GPoint(zoomlon,zoomlat),zoomlevel);
bounds = [];
// Parse waypoints in <wpt></wpt> tags
//
var wpt;
wpt = gpxDoc.documentElement.getElementsByTagName("wpt")
if( wpt ) {
for (var i = 0; i < wpt.length; i++) {
point = new GPoint(parseFloat(wpt[i].getAttribute("lon")),
parseFloat(wpt[i].getAttribute("lat")));
// Extract <name></name> tag
tname = "";
tlabel = "";
element = wpt[i].getElementsByTagName("name");
if( element.length ) {
tname = element[0].firstChild.nodeValue;
tlabel += element[0].firstChild.nodeValue;
}
// Tack on <cmt></cmt> tag
element = wpt[i].getElementsByTagName("cmt");
if( element.length ) {
if(tlabel) { tlabel += ": "; }
tlabel += element[0].firstChild.nodeValue;
}
// Tack on <desc></desc> tag
element = wpt[i].getElementsByTagName("desc");
if( element.length ) {
if(tlabel) { tlabel += " - "; }
tlabel += element[0].firstChild.nodeValue;
}
// Extract <url></url> tag, build html for popup
element = wpt[i].getElementsByTagName("url");
if( element.length ) {
turl = element[0].firstChild.nodeValue;
var thtml = "<a href=\"" + turl + "target=\"_blank\">" + tlabel + "</a>";
} else {
var thtml = tlabel;
}
// Determine map symbol based on <type></type> tag
myicon = green_pin;
type = wpt[i].getElementsByTagName("type");
if( type.length ) {
myicon = chooseIcon( tname, type[0].firstChild.nodeValue );
}
createMarker(point, thtml, myicon);
}
}
wpt = [];
// Parse routes in <rte></rte>
//
var rte;
rte = gpxDoc.documentElement.getElementsByTagName("trkseg");
if (rte) {
// Process each route
//
for (var i = 0; i < rte.length; i++) {
tcolor="#4012FE";
twidth=6;
topacity=.7;
// Extract <name></name> tag
tname = "";
element = rte[i].getElementsByTagName("name");
if( element.length ) {
if( element[0].firstChild ) {
tname = element[0].firstChild.nodeValue;
}
}
// Determine line color based on <cmt></cmt> and <name></name> tags
type = rte[i].getElementsByTagName("cmt");
if( type.length ) {
if( type[0].firstChild ) {
array = chooseLineStyle( tname, type[0].firstChild.nodeValue );
tcolor = array[0];
twidth = array[1];
topacity = array[2];
}
}
// Process each point of each route, string
// them into a single polyline
//
points = [];
var rtept = rte[i].getElementsByTagName("trkpt");
for (var k = 0; k < rtept.length; k++) {
points.push(new GPoint(
parseFloat(rtept[k].getAttribute("lon")),
parseFloat(rtept[k].getAttribute("lat"))));
}
map.addOverlay(new GPolyline(points, tcolor, twidth, topacity));
points = [];
}
rte = []
}
} // gpxDoc
} // readyState
} // function
request1.send(null);
//]]]]><![CDATA[>
</script>
<!-- #BeginEditable "editableContent" -->
<p>Map loaded by <a href="http://www.obviously.com/gis/gpx_loader.html">GPX Loader</a> Author: Bryce Nesbitt, Revision: October 2005, Licence: Freeware</p>
<iframe frameBorder="0" src="http://www.flickr.com/photos/34321015@N03" width="720px" height="380px"></iframe>
<div id="flickr" src="http://www.flickr.com/photos/34321015@N03" style="margin-left: 600px; width: 50%; height: 300px"></div>
<!-- #EndEditable -->
</body>
<br>Partneroldalak: <br>
<a href="https://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="https://webtar.hu" alt="tárhely donainregisztráció">webtar.hu</a><br>
<a href="https://ingyenweb.hu" alt="ingyenweb">ingyenweb.hu</a><br>
<a href="https://videok.hu" alt="Videók">videok.hu</a><br>
<a href="https://xn--fotk-sqa.hu" alt="fotók">fotók.hu</a><br>
<a href="https://randi.hu" alt="Randi">randi.hu</a><br>
<a href="https://licit.hu" alt="Licit">licit.hu</a><br>
<a href="https://napivicc.hu" alt="vicc">napivicc.hu</a><br>
<a href="https://gyertyalang.hu" alt="gyertyagyújtás">gyertyalang.hu</a><br>
<a href="https://xn--helyesrs-fza2j.hu" alt="helyesírás.hu">helyesírás.hu</a><br>
<a href="https://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>