Menu
▾
▴
[Mapaphoto-commits] SF.net SVN: mapaphoto: [11] example/trunk
|
From: <lgr...@us...> - 2006-10-31 19:09:32
|
Revision: 11
http://svn.sourceforge.net/mapaphoto/?rev=11&view=rev
Author: lgrammel
Date: 2006-10-31 11:09:00 -0800 (Tue, 31 Oct 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Added Paths:
-----------
example/trunk/data.xml
example/trunk/img_1351.jpg
example/trunk/img_1367.jpg
example/trunk/img_1585.jpg
example/trunk/maps.html
Added: example/trunk/data.xml
===================================================================
--- example/trunk/data.xml (rev 0)
+++ example/trunk/data.xml 2006-10-31 19:09:00 UTC (rev 11)
@@ -0,0 +1,12 @@
+<data>
+ <location lat="48.42163954540473" lng="-123.36807489395142" name="Empress Hotel">
+ <picture file="img_1351.jpg" date="2006-10-09 08:00" />
+ <picture file="img_1585.jpg" date="2006-10-14 10:30" />
+ </location>
+ <location lat="48.422878432029876" lng="-123.3815610408783" name="Fishermans Wharf">
+ <picture file="img_1367.jpg" date="2006-10-09 09:00" />
+ <text date="2006-10-14 17:45" >
+ Some text...
+ </text>
+ </location>
+</data>
\ No newline at end of file
Property changes on: example/trunk/data.xml
___________________________________________________________________
Name: svn:executable
+ *
Added: example/trunk/img_1351.jpg
===================================================================
(Binary files differ)
Property changes on: example/trunk/img_1351.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Added: example/trunk/img_1367.jpg
===================================================================
(Binary files differ)
Property changes on: example/trunk/img_1367.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Added: example/trunk/img_1585.jpg
===================================================================
(Binary files differ)
Property changes on: example/trunk/img_1585.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Added: example/trunk/maps.html
===================================================================
--- example/trunk/maps.html (rev 0)
+++ example/trunk/maps.html 2006-10-31 19:09:00 UTC (rev 11)
@@ -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.44673890596188, -123.38882446289062), 12);
+
+ 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: example/trunk/maps.html
___________________________________________________________________
Name: svn:executable
+ *
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
