Menu
▾
▴
[Mapaphoto-commits] SF.net SVN: mapaphoto: [6] mapaphoto/trunk/maps.html
|
From: <lgr...@us...> - 2006-10-25 14:14:18
|
Revision: 6
http://svn.sourceforge.net/mapaphoto/?rev=6&view=rev
Author: lgrammel
Date: 2006-10-25 07:14:01 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
#1584397 import initial version
Added Paths:
-----------
mapaphoto/trunk/maps.html
Added: mapaphoto/trunk/maps.html
===================================================================
--- mapaphoto/trunk/maps.html (rev 0)
+++ mapaphoto/trunk/maps.html 2006-10-25 14:14:01 UTC (rev 6)
@@ -0,0 +1,98 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+ <title>Victoria Visit October 2006</title>
+ <script src="http://maps.google.com/maps?file=api&v=2.65&key=INSERTYOURGOOGLEMAPSKEYHERE"
+ type="text/javascript"></script>
+ <script type="text/javascript">
+
+ //<![CDATA[
+
+var INFO_COLUMN_WIDTH = 300;
+
+function createImage(picture) {
+ var date = picture.getAttribute("date");
+ return date + "<div><a href=\""+ picture.getAttribute("file")+"\" target='blank'><img border='0' src=\""+ picture.getAttribute("file")+"\" width=\"" + INFO_COLUMN_WIDTH + "\"/></a></div>";
+}
+
+function createText(element) {
+ var date = element.getAttribute("date");
+ var text = element.firstChild.data;
+ return date + "<br/><div style='width:" + INFO_COLUMN_WIDTH + "px'>" + text + "</div>";
+}
+
+ function load() {
+ // element holen, window.innerWidth setzen
+ var element = document.getElementById("map");
+
+ element.style="position:absolute; top:0px; left:0px; width: "+(window.innerWidth-INFO_COLUMN_WIDTH)+"px; height: "+window.innerHeight+"px;";
+ document.getElementById("info").style="position:absolute; top:0px; left:"+(window.innerWidth-INFO_COLUMN_WIDTH)+"px; width: "+INFO_COLUMN_WIDTH+"px; height: "+window.innerHeight+"px;overflow:auto;";
+
+ if (GBrowserIsCompatible()) {
+ var map = new GMap2(element);
+
+ map.addControl(new GLargeMapControl());
+ map.addControl(new GMapTypeControl());
+
+ map.setCenter(new GLatLng(48.750547, -123.32), 9);
+
+ GDownloadUrl("data.xml", function(data, responseCode) {
+ var xml = GXml.parse(data);
+ var markers = xml.documentElement.getElementsByTagName("location");
+
+ for (var i = 0; i < markers.length; i++) {
+ createMarker(markers[i],map);
+ }
+
+ });
+
+ // getting the location
+ GEvent.addListener(map, "click", function(marker, point) {
+ document.getElementById("info").innerHTML = "<location lat=\"" + point.y + "\" lng=\"" + point.x + "\" name=\"\" ></location>" ;
+ });
+
+// map.setMapType(G_HYBRID_MAP);
+ map.setMapType(G_SATELLITE_MAP);
+ }
+
+
+function createMarker(marker,map) {
+ var point = new GLatLng(parseFloat(marker.getAttribute("lat")),parseFloat(marker.getAttribute("lng")));
+ var name = marker.getAttribute("name");
+ var pictures = marker.childNodes;
+ var infoTabs = [ new GInfoWindowTab("#", "<b>" + name + "</b><br/>click on marker for more!") ];
+ var gmarker = new GMarker(point);
+ GEvent.addListener(gmarker, "mouseover", function() {
+ gmarker.openInfoWindowTabsHtml(infoTabs);
+ });
+ GEvent.addListener(gmarker, "mouseout", function() {
+ map.getInfoWindow().hide();
+ });
+ GEvent.addListener(gmarker, "click", function() {
+ var infoElement = document.getElementById("info");
+ var content = "<b>"+name +"</b><br/>";
+ for (var j = 0; j < pictures.length; j++) {
+ if (pictures[j].nodeName == "picture") {
+ content = content + createImage(pictures[j]);
+ } else if (pictures[j].nodeName == "text") {
+ content = content + createText(pictures[j]);
+ }
+ }
+ infoElement.innerHTML = content;
+ });
+ map.addOverlay(gmarker);
+}
+
+ }
+
+ //]]>
+ </script>
+ </head>
+ <body onload="load()" onunload="GUnload()" style="background: #FFFFFF">
+ <div id="map"></div>
+ <div id="info"></div>
+ <div id="message"></div>
+ </body>
+</html>
Property changes on: mapaphoto/trunk/maps.html
___________________________________________________________________
Name: svn:executable
+ *
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
