Menu
▾
▴
mapaphoto-commits — version control system commits
You can subscribe to this list here.
| 2006 |
Jan
|
Feb
|
Mar
|
Apr
|
May
|
Jun
|
Jul
|
Aug
|
Sep
|
Oct
(11) |
Nov
(7) |
Dec
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 2007 |
Jan
|
Feb
|
Mar
|
Apr
|
May
|
Jun
|
Jul
|
Aug
(1) |
Sep
|
Oct
|
Nov
|
Dec
|
|
From: <lgr...@us...> - 2007-08-27 19:47:23
|
Revision: 19
http://mapaphoto.svn.sourceforge.net/mapaphoto/?rev=19&view=rev
Author: lgrammel
Date: 2007-08-27 12:47:19 -0700 (Mon, 27 Aug 2007)
Log Message:
-----------
marked project as deceased
Modified Paths:
--------------
homepage/trunk/index.html
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-11-03 15:47:49 UTC (rev 18)
+++ homepage/trunk/index.html 2007-08-27 19:47:19 UTC (rev 19)
@@ -3,6 +3,8 @@
<title>Map-a-photo tutorial</title>
</head>
<body>
+ <b style="color:red;font-size:20pt;">Please note that as of 2007-08-27 19:29, the map-a-photo project is no longer under active development.
+ Google My Maps is an easy-to-use alternative.</b><br/>
<h1>Map-a-photo tutorial</h1>
This tutorial gives a short introduction how to display your own vacation photos in
<a href="http://maps.google.com" target="_blank">Google Maps</a>
@@ -69,5 +71,7 @@
<li>Chris Callendar</li>
<li>Lars Grammel</li>
</ul>
+ <b style="color:red;font-size:20pt;">Please note that as of 2007-08-27 19:29, the map-a-photo project is no longer under active development.
+ Google My Maps is an easy-to-use alternative.</b><br/>
</body>
</html>
\ No newline at end of file
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-03 15:47:58
|
Revision: 18
http://svn.sourceforge.net/mapaphoto/?rev=18&view=rev
Author: lgrammel
Date: 2006-11-03 07:47:49 -0800 (Fri, 03 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
homepage/trunk/index.html
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-11-03 15:30:50 UTC (rev 17)
+++ homepage/trunk/index.html 2006-11-03 15:47:49 UTC (rev 18)
@@ -18,6 +18,9 @@
</p>
<h2>Known working browsers</h2>
<ul>
+ <li>Internet Explorer 7 / Windows XP</li>
+ <li>Mozilla Firefox 1.5 / Windows XP</li>
+ <li>Mozilla Firefox 2.0 / Linux</li>
<li>Opera 9.02 / Linux</li>
</ul>
<h2>Inserting your own google maps key</h2>
@@ -61,5 +64,10 @@
Adding text works like adding pictures, but the text must be contained in the "data.xml" file, not
in separate files, e.g. <code><text date="2006-10-14 20:00">An example text...</text></code>.
</p>
+ <h2>Contributors</h2>
+ <ul>
+ <li>Chris Callendar</li>
+ <li>Lars Grammel</li>
+ </ul>
</body>
</html>
\ No newline at end of file
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-03 15:31:02
|
Revision: 17
http://svn.sourceforge.net/mapaphoto/?rev=17&view=rev
Author: lgrammel
Date: 2006-11-03 07:30:50 -0800 (Fri, 03 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
example/trunk/maps.html
homepage/trunk/maps.html
Added Paths:
-----------
example/trunk/LICENSE
Added: example/trunk/LICENSE
===================================================================
--- example/trunk/LICENSE (rev 0)
+++ example/trunk/LICENSE 2006-11-03 15:30:50 UTC (rev 17)
@@ -0,0 +1,213 @@
+Common Public License Version 1.0
+
+THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS COMMON PUBLIC
+LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR DISTRIBUTION OF THE PROGRAM
+CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT.
+
+1. DEFINITIONS
+
+"Contribution" means:
+
+ a) in the case of the initial Contributor, the initial code and
+documentation distributed under this Agreement, and
+
+ b) in the case of each subsequent Contributor:
+
+ i) changes to the Program, and
+
+ ii) additions to the Program;
+
+ where such changes and/or additions to the Program originate from and are
+distributed by that particular Contributor. A Contribution 'originates' from a
+Contributor if it was added to the Program by such Contributor itself or anyone
+acting on such Contributor's behalf. Contributions do not include additions to
+the Program which: (i) are separate modules of software distributed in
+conjunction with the Program under their own license agreement, and (ii) are not
+derivative works of the Program.
+
+"Contributor" means any person or entity that distributes the Program.
+
+"Licensed Patents " mean patent claims licensable by a Contributor which are
+necessarily infringed by the use or sale of its Contribution alone or when
+combined with the Program.
+
+"Program" means the Contributions distributed in accordance with this Agreement.
+
+"Recipient" means anyone who receives the Program under this Agreement,
+including all Contributors.
+
+2. GRANT OF RIGHTS
+
+ a) Subject to the terms of this Agreement, each Contributor hereby grants
+Recipient a non-exclusive, worldwide, royalty-free copyright license to
+reproduce, prepare derivative works of, publicly display, publicly perform,
+distribute and sublicense the Contribution of such Contributor, if any, and such
+derivative works, in source code and object code form.
+
+ b) Subject to the terms of this Agreement, each Contributor hereby grants
+Recipient a non-exclusive, worldwide, royalty-free patent license under Licensed
+Patents to make, use, sell, offer to sell, import and otherwise transfer the
+Contribution of such Contributor, if any, in source code and object code form.
+This patent license shall apply to the combination of the Contribution and the
+Program if, at the time the Contribution is added by the Contributor, such
+addition of the Contribution causes such combination to be covered by the
+Licensed Patents. The patent license shall not apply to any other combinations
+which include the Contribution. No hardware per se is licensed hereunder.
+
+ c) Recipient understands that although each Contributor grants the licenses
+to its Contributions set forth herein, no assurances are provided by any
+Contributor that the Program does not infringe the patent or other intellectual
+property rights of any other entity. Each Contributor disclaims any liability to
+Recipient for claims brought by any other entity based on infringement of
+intellectual property rights or otherwise. As a condition to exercising the
+rights and licenses granted hereunder, each Recipient hereby assumes sole
+responsibility to secure any other intellectual property rights needed, if any.
+For example, if a third party patent license is required to allow Recipient to
+distribute the Program, it is Recipient's responsibility to acquire that license
+before distributing the Program.
+
+ d) Each Contributor represents that to its knowledge it has sufficient
+copyright rights in its Contribution, if any, to grant the copyright license set
+forth in this Agreement.
+
+3. REQUIREMENTS
+
+A Contributor may choose to distribute the Program in object code form under its
+own license agreement, provided that:
+
+ a) it complies with the terms and conditions of this Agreement; and
+
+ b) its license agreement:
+
+ i) effectively disclaims on behalf of all Contributors all warranties and
+conditions, express and implied, including warranties or conditions of title and
+non-infringement, and implied warranties or conditions of merchantability and
+fitness for a particular purpose;
+
+ ii) effectively excludes on behalf of all Contributors all liability for
+damages, including direct, indirect, special, incidental and consequential
+damages, such as lost profits;
+
+ iii) states that any provisions which differ from this Agreement are offered
+by that Contributor alone and not by any other party; and
+
+ iv) states that source code for the Program is available from such
+Contributor, and informs licensees how to obtain it in a reasonable manner on or
+through a medium customarily used for software exchange.
+
+When the Program is made available in source code form:
+
+ a) it must be made available under this Agreement; and
+
+ b) a copy of this Agreement must be included with each copy of the Program.
+
+Contributors may not remove or alter any copyright notices contained within the
+Program.
+
+Each Contributor must identify itself as the originator of its Contribution, if
+any, in a manner that reasonably allows subsequent Recipients to identify the
+originator of the Contribution.
+
+4. COMMERCIAL DISTRIBUTION
+
+Commercial distributors of software may accept certain responsibilities with
+respect to end users, business partners and the like. While this license is
+intended to facilitate the commercial use of the Program, the Contributor who
+includes the Program in a commercial product offering should do so in a manner
+which does not create potential liability for other Contributors. Therefore, if
+a Contributor includes the Program in a commercial product offering, such
+Contributor ("Commercial Contributor") hereby agrees to defend and indemnify
+every other Contributor ("Indemnified Contributor") against any losses, damages
+and costs (collectively "Losses") arising from claims, lawsuits and other legal
+actions brought by a third party against the Indemnified Contributor to the
+extent caused by the acts or omissions of such Commercial Contributor in
+connection with its distribution of the Program in a commercial product
+offering. The obligations in this section do not apply to any claims or Losses
+relating to any actual or alleged intellectual property infringement. In order
+to qualify, an Indemnified Contributor must: a) promptly notify the Commercial
+Contributor in writing of such claim, and b) allow the Commercial Contributor to
+control, and cooperate with the Commercial Contributor in, the defense and any
+related settlement negotiations. The Indemnified Contributor may participate in
+any such claim at its own expense.
+
+For example, a Contributor might include the Program in a commercial product
+offering, Product X. That Contributor is then a Commercial Contributor. If that
+Commercial Contributor then makes performance claims, or offers warranties
+related to Product X, those performance claims and warranties are such
+Commercial Contributor's responsibility alone. Under this section, the
+Commercial Contributor would have to defend claims against the other
+Contributors related to those performance claims and warranties, and if a court
+requires any other Contributor to pay any damages as a result, the Commercial
+Contributor must pay those damages.
+
+5. NO WARRANTY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR
+IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each
+Recipient is solely responsible for determining the appropriateness of using and
+distributing the Program and assumes all risks associated with its exercise of
+rights under this Agreement, including but not limited to the risks and costs of
+program errors, compliance with applicable laws, damage to or loss of data,
+programs or equipment, and unavailability or interruption of operations.
+
+6. DISCLAIMER OF LIABILITY
+
+EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY
+CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST
+PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
+STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
+OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS
+GRANTED HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. GENERAL
+
+If any provision of this Agreement is invalid or unenforceable under applicable
+law, it shall not affect the validity or enforceability of the remainder of the
+terms of this Agreement, and without further action by the parties hereto, such
+provision shall be reformed to the minimum extent necessary to make such
+provision valid and enforceable.
+
+If Recipient institutes patent litigation against a Contributor with respect to
+a patent applicable to software (including a cross-claim or counterclaim in a
+lawsuit), then any patent licenses granted by that Contributor to such Recipient
+under this Agreement shall terminate as of the date such litigation is filed. In
+addition, if Recipient institutes patent litigation against any entity
+(including a cross-claim or counterclaim in a lawsuit) alleging that the Program
+itself (excluding combinations of the Program with other software or hardware)
+infringes such Recipient's patent(s), then such Recipient's rights granted under
+Section 2(b) shall terminate as of the date such litigation is filed.
+
+All Recipient's rights under this Agreement shall terminate if it fails to
+comply with any of the material terms or conditions of this Agreement and does
+not cure such failure in a reasonable period of time after becoming aware of
+such noncompliance. If all Recipient's rights under this Agreement terminate,
+Recipient agrees to cease use and distribution of the Program as soon as
+reasonably practicable. However, Recipient's obligations under this Agreement
+and any licenses granted by Recipient relating to the Program shall continue and
+survive.
+
+Everyone is permitted to copy and distribute copies of this Agreement, but in
+order to avoid inconsistency the Agreement is copyrighted and may only be
+modified in the following manner. The Agreement Steward reserves the right to
+publish new versions (including revisions) of this Agreement from time to time.
+No one other than the Agreement Steward has the right to modify this Agreement.
+IBM is the initial Agreement Steward. IBM may assign the responsibility to serve
+as the Agreement Steward to a suitable separate entity. Each new version of the
+Agreement will be given a distinguishing version number. The Program (including
+Contributions) may always be distributed subject to the version of the Agreement
+under which it was received. In addition, after a new version of the Agreement
+is published, Contributor may elect to distribute the Program (including its
+Contributions) under the new version. Except as expressly stated in Sections
+2(a) and 2(b) above, Recipient receives no rights or licenses to the
+intellectual property of any Contributor under this Agreement, whether
+expressly, by implication, estoppel or otherwise. All rights in the Program not
+expressly granted under this Agreement are reserved.
+
+This Agreement is governed by the laws of the State of New York and the
+intellectual property laws of the United States of America. No party to this
+Agreement will bring a legal action under this Agreement more than one year
+after the cause of action arose. Each party waives its rights to a jury trial in
+any resulting litigation.
Property changes on: example/trunk/LICENSE
___________________________________________________________________
Name: svn:executable
+ *
Modified: example/trunk/maps.html
===================================================================
--- example/trunk/maps.html 2006-11-03 15:30:14 UTC (rev 16)
+++ example/trunk/maps.html 2006-11-03 15:30:50 UTC (rev 17)
@@ -1,98 +1,129 @@
-<!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>
+<!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() {
+ resizeElements();
+
+ var element = document.getElementById("map");
+ var infoElement = document.getElementById("info");
+ 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) {
+ infoElement.innerHTML = "<location lat=\"" + point.y + "\" lng=\"" + point.x + "\" name=\"\" ></location>" ;
+ });
+
+ //map.setMapType(G_HYBRID_MAP);
+ map.setMapType(G_SATELLITE_MAP);
+ }
+
+}
+
+// fit to window size
+function resizeElements() {
+ var element = document.getElementById("map");
+ var infoElement = document.getElementById("info");
+
+ var size = getWindowSize();
+
+ // have to the this after the map has been created for IE
+ element.style.position = "absolute";
+ element.style.width = (size.width - INFO_COLUMN_WIDTH) + "px";
+ element.style.height = size.height + "px";
+
+ infoElement.style.position = "absolute";
+ infoElement.style.left = (size.width - INFO_COLUMN_WIDTH) + "px";
+ infoElement.style.width = INFO_COLUMN_WIDTH + "px";
+ infoElement.style.height = size.height + "px";
+}
+
+function getWindowSize() {
+ var width = 0, height = 0;
+ if (typeof(window.innerWidth) == 'number') {
+ //Non-IE
+ width = window.innerWidth;
+ height = window.innerHeight;
+ } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
+ //IE 6+ in 'standards compliant mode'
+ width = document.documentElement.clientWidth;
+ height = document.documentElement.clientHeight;
+ } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
+ //IE 4 compatible
+ width = document.body.clientWidth;
+ height = document.body.clientHeight;
+ }
+ return {width : width, height : height};
+}
+
+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">
+ <!-- initially set the positions and sizes - the sizes will be adjusted to fit the window in the load() function -->
+ <div id="map" style="position:absolute; top:0px; left: 0px; width: 300px; height: 400px;"></div>
+ <div id="info" style="position:absolute; top:0px; left: 300px; width: 300px; height: 400px; overflow:auto;"></div>
+ <div id="message"></div>
+ </body>
+</html>
Modified: homepage/trunk/maps.html
===================================================================
--- homepage/trunk/maps.html 2006-11-03 15:30:14 UTC (rev 16)
+++ homepage/trunk/maps.html 2006-11-03 15:30:50 UTC (rev 17)
@@ -1,98 +1,129 @@
-<!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=ABQIAAAAUSQ19DnbWFmnXLrOTDG68hS_Tt0sRp8JIPwu3ajpkRGTVkv8fxSlw9yBlQEoZkJarxyvJoU2Y96FFQ"
- 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>
+<!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=ABQIAAAAUSQ19DnbWFmnXLrOTDG68hS_Tt0sRp8JIPwu3ajpkRGTVkv8fxSlw9yBlQEoZkJarxyvJoU2Y96FFQ"
+ 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() {
+ resizeElements();
+
+ var element = document.getElementById("map");
+ var infoElement = document.getElementById("info");
+ 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) {
+ infoElement.innerHTML = "<location lat=\"" + point.y + "\" lng=\"" + point.x + "\" name=\"\" ></location>" ;
+ });
+
+ //map.setMapType(G_HYBRID_MAP);
+ map.setMapType(G_SATELLITE_MAP);
+ }
+
+}
+
+// fit to window size
+function resizeElements() {
+ var element = document.getElementById("map");
+ var infoElement = document.getElementById("info");
+
+ var size = getWindowSize();
+
+ // have to the this after the map has been created for IE
+ element.style.position = "absolute";
+ element.style.width = (size.width - INFO_COLUMN_WIDTH) + "px";
+ element.style.height = size.height + "px";
+
+ infoElement.style.position = "absolute";
+ infoElement.style.left = (size.width - INFO_COLUMN_WIDTH) + "px";
+ infoElement.style.width = INFO_COLUMN_WIDTH + "px";
+ infoElement.style.height = size.height + "px";
+}
+
+function getWindowSize() {
+ var width = 0, height = 0;
+ if (typeof(window.innerWidth) == 'number') {
+ //Non-IE
+ width = window.innerWidth;
+ height = window.innerHeight;
+ } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
+ //IE 6+ in 'standards compliant mode'
+ width = document.documentElement.clientWidth;
+ height = document.documentElement.clientHeight;
+ } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
+ //IE 4 compatible
+ width = document.body.clientWidth;
+ height = document.body.clientHeight;
+ }
+ return {width : width, height : height};
+}
+
+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">
+ <!-- initially set the positions and sizes - the sizes will be adjusted to fit the window in the load() function -->
+ <div id="map" style="position:absolute; top:0px; left: 0px; width: 300px; height: 400px;"></div>
+ <div id="info" style="position:absolute; top:0px; left: 300px; width: 300px; height: 400px; overflow:auto;"></div>
+ <div id="message"></div>
+ </body>
+</html>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-03 15:30:20
|
Revision: 16
http://svn.sourceforge.net/mapaphoto/?rev=16&view=rev
Author: lgrammel
Date: 2006-11-03 07:30:14 -0800 (Fri, 03 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Removed Paths:
-------------
mapaphoto/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-02 21:48:37
|
Revision: 15
http://svn.sourceforge.net/mapaphoto/?rev=15&view=rev
Author: lgrammel
Date: 2006-11-02 13:47:51 -0800 (Thu, 02 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
homepage/trunk/index.html
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-11-02 21:40:31 UTC (rev 14)
+++ homepage/trunk/index.html 2006-11-02 21:47:51 UTC (rev 15)
@@ -16,6 +16,10 @@
<p>
You can download "examples.zip" containing a short example at <a href="http://sourceforge.net/project/showfiles.php?group_id=180175&package_id=208293">project download page</a>.
</p>
+ <h2>Known working browsers</h2>
+ <ul>
+ <li>Opera 9.02 / Linux</li>
+ </ul>
<h2>Inserting your own google maps key</h2>
<p>
To get the example working, you must replace the passage "INSERTYOURGOOGLEMAPSKEYHERE" in the "maps.html"
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-02 21:40:59
|
Revision: 14
http://svn.sourceforge.net/mapaphoto/?rev=14&view=rev
Author: lgrammel
Date: 2006-11-02 13:40:31 -0800 (Thu, 02 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
homepage/trunk/index.html
Added Paths:
-----------
homepage/trunk/data.xml
homepage/trunk/img_1351.jpg
homepage/trunk/img_1367.jpg
homepage/trunk/img_1585.jpg
homepage/trunk/maps.html
Added: homepage/trunk/data.xml
===================================================================
--- homepage/trunk/data.xml (rev 0)
+++ homepage/trunk/data.xml 2006-11-02 21:40:31 UTC (rev 14)
@@ -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: homepage/trunk/data.xml
___________________________________________________________________
Name: svn:executable
+ *
Added: homepage/trunk/img_1351.jpg
===================================================================
(Binary files differ)
Property changes on: homepage/trunk/img_1351.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Added: homepage/trunk/img_1367.jpg
===================================================================
(Binary files differ)
Property changes on: homepage/trunk/img_1367.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Added: homepage/trunk/img_1585.jpg
===================================================================
(Binary files differ)
Property changes on: homepage/trunk/img_1585.jpg
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-11-02 21:34:03 UTC (rev 13)
+++ homepage/trunk/index.html 2006-11-02 21:40:31 UTC (rev 14)
@@ -8,6 +8,10 @@
<a href="http://maps.google.com" target="_blank">Google Maps</a>
using some Java Script code provided by this open source project. If you have any questions, please
contact us in the <a href="http://sourceforge.net/forum/forum.php?forum_id=624485">project forums</a>.
+ <h2>Online example</h2>
+ <p>
+ <a href="maps.html">online example</a>.
+ </p>
<h2>Downloading the example</h2>
<p>
You can download "examples.zip" containing a short example at <a href="http://sourceforge.net/project/showfiles.php?group_id=180175&package_id=208293">project download page</a>.
Added: homepage/trunk/maps.html
===================================================================
--- homepage/trunk/maps.html (rev 0)
+++ homepage/trunk/maps.html 2006-11-02 21:40:31 UTC (rev 14)
@@ -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=ABQIAAAAUSQ19DnbWFmnXLrOTDG68hS_Tt0sRp8JIPwu3ajpkRGTVkv8fxSlw9yBlQEoZkJarxyvJoU2Y96FFQ"
+ 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: homepage/trunk/maps.html
___________________________________________________________________
Name: svn:executable
+ *
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-02 21:34:18
|
Revision: 13
http://svn.sourceforge.net/mapaphoto/?rev=13&view=rev
Author: lgrammel
Date: 2006-11-02 13:34:03 -0800 (Thu, 02 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
homepage/trunk/index.html
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-11-01 10:34:51 UTC (rev 12)
+++ homepage/trunk/index.html 2006-11-02 21:34:03 UTC (rev 13)
@@ -20,7 +20,7 @@
</p>
<p>
Please note that as far as I know, you can test the example locally by opening the "maps.html" file in
- your fabvorite browser if you have an internet connection, so the code must not be placed on a web
+ your favorite browser if you have an internet connection, so the code must not be placed on a web
server.
</p>
<h2>Setting the default map center and zoom level</h2>
@@ -32,7 +32,7 @@
</p>
<h2>Adding locations</h2>
<p>
- Locations are places on the map that have a name and can contain photos and texts.
+ Locations are places on the map that have a name and can contain photos and text.
</p>
<p>
To add your own locations to the map, you must modify the "data.xml" file contained in the example. The
@@ -45,13 +45,13 @@
<code><picture file="img_1490.jpg" date="2006-10-12 14:30" /></code>.
</p>
<p>
- Each pictures element contains a date and references an image file. The image file must be available
+ Each picture element contains a date and references an image file. The image file must be available
and displayable in the browser - it should be a png, jpg or gif image.
</p>
- <h2>Adding texts</h2>
+ <h2>Adding text</h2>
<p>
- Adding texts works like adding pictures, but the texts must be contained in the "data.xml" file, not
- in seperate files, e.g. <code><text date="2006-10-14 20:00">An example text...</text></code>.
+ Adding text works like adding pictures, but the text must be contained in the "data.xml" file, not
+ in separate files, e.g. <code><text date="2006-10-14 20:00">An example text...</text></code>.
</p>
</body>
</html>
\ No newline at end of file
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-11-01 10:35:00
|
Revision: 12
http://svn.sourceforge.net/mapaphoto/?rev=12&view=rev
Author: lgrammel
Date: 2006-11-01 02:34:51 -0800 (Wed, 01 Nov 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Modified Paths:
--------------
homepage/trunk/index.html
Modified: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html 2006-10-31 19:09:00 UTC (rev 11)
+++ homepage/trunk/index.html 2006-11-01 10:34:51 UTC (rev 12)
@@ -7,16 +7,16 @@
This tutorial gives a short introduction how to display your own vacation photos in
<a href="http://maps.google.com" target="_blank">Google Maps</a>
using some Java Script code provided by this open source project. If you have any questions, please
- contact us in the <a href="TODO link">project forums</a>.
+ contact us in the <a href="http://sourceforge.net/forum/forum.php?forum_id=624485">project forums</a>.
<h2>Downloading the example</h2>
<p>
- You can download a zip-file containing a short example at <a href="TODO">project download page</a>.
+ You can download "examples.zip" containing a short example at <a href="http://sourceforge.net/project/showfiles.php?group_id=180175&package_id=208293">project download page</a>.
</p>
<h2>Inserting your own google maps key</h2>
<p>
To get the example working, you must replace the passage "INSERTYOURGOOGLEMAPSKEYHERE" in the "maps.html"
file from the example with your google maps key. If you don't have a google maps key, you can obtain
- one at TODO.
+ one at <a href="http://www.google.com/apis/maps/signup.html">http://www.google.com/apis/maps/signup.html</a>.
</p>
<p>
Please note that as far as I know, you can test the example locally by opening the "maps.html" file in
@@ -26,7 +26,7 @@
<h2>Setting the default map center and zoom level</h2>
<p>
To change the default map center and zoom level, you must again modify the "maps.html" file from the
- example. The passage <code>map.setCenter(new GLatLng(48.750547, -123.32), 9);</code> contains the
+ example. The passage <code>map.setCenter(new GLatLng(new GLatLng(48.44673890596188, -123.38882446289062), 12);</code> contains the
default location coordinates and the zoom level. If you click on the map, not on a marker, the current
location will be shown next to the map part of the browser window.
</p>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
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.
|
|
From: <lgr...@us...> - 2006-10-31 18:13:45
|
Revision: 10
http://svn.sourceforge.net/mapaphoto/?rev=10&view=rev
Author: lgrammel
Date: 2006-10-31 10:13:37 -0800 (Tue, 31 Oct 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Added Paths:
-----------
example/trunk/.project
Added: example/trunk/.project
===================================================================
--- example/trunk/.project (rev 0)
+++ example/trunk/.project 2006-10-31 18:13:37 UTC (rev 10)
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>example</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-31 18:13:19
|
Revision: 9
http://svn.sourceforge.net/mapaphoto/?rev=9&view=rev
Author: lgrammel
Date: 2006-10-31 10:13:04 -0800 (Tue, 31 Oct 2006)
Log Message:
-----------
Share project 'example' into 'https://svn.sourceforge.net/svnroot/mapaphoto/example'
Added Paths:
-----------
example/
example/branches/
example/tags/
example/trunk/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-31 18:12:00
|
Revision: 8
http://svn.sourceforge.net/mapaphoto/?rev=8&view=rev
Author: lgrammel
Date: 2006-10-31 10:11:50 -0800 (Tue, 31 Oct 2006)
Log Message:
-----------
#1584398 tutorial how to use map-a-photo
Added Paths:
-----------
homepage/trunk/.project
homepage/trunk/index.html
Added: homepage/trunk/.project
===================================================================
--- homepage/trunk/.project (rev 0)
+++ homepage/trunk/.project 2006-10-31 18:11:50 UTC (rev 8)
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>homepage</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
Added: homepage/trunk/index.html
===================================================================
--- homepage/trunk/index.html (rev 0)
+++ homepage/trunk/index.html 2006-10-31 18:11:50 UTC (rev 8)
@@ -0,0 +1,57 @@
+<html>
+ <head>
+ <title>Map-a-photo tutorial</title>
+ </head>
+ <body>
+ <h1>Map-a-photo tutorial</h1>
+ This tutorial gives a short introduction how to display your own vacation photos in
+ <a href="http://maps.google.com" target="_blank">Google Maps</a>
+ using some Java Script code provided by this open source project. If you have any questions, please
+ contact us in the <a href="TODO link">project forums</a>.
+ <h2>Downloading the example</h2>
+ <p>
+ You can download a zip-file containing a short example at <a href="TODO">project download page</a>.
+ </p>
+ <h2>Inserting your own google maps key</h2>
+ <p>
+ To get the example working, you must replace the passage "INSERTYOURGOOGLEMAPSKEYHERE" in the "maps.html"
+ file from the example with your google maps key. If you don't have a google maps key, you can obtain
+ one at TODO.
+ </p>
+ <p>
+ Please note that as far as I know, you can test the example locally by opening the "maps.html" file in
+ your fabvorite browser if you have an internet connection, so the code must not be placed on a web
+ server.
+ </p>
+ <h2>Setting the default map center and zoom level</h2>
+ <p>
+ To change the default map center and zoom level, you must again modify the "maps.html" file from the
+ example. The passage <code>map.setCenter(new GLatLng(48.750547, -123.32), 9);</code> contains the
+ default location coordinates and the zoom level. If you click on the map, not on a marker, the current
+ location will be shown next to the map part of the browser window.
+ </p>
+ <h2>Adding locations</h2>
+ <p>
+ Locations are places on the map that have a name and can contain photos and texts.
+ </p>
+ <p>
+ To add your own locations to the map, you must modify the "data.xml" file contained in the example. The
+ recommended way is to click on the map to get the location xml element and copy&paste this element into
+ the data element of the "data.xml" file.
+ </p>
+ <h2>Adding photos</h2>
+ <p>
+ You can add photos to a location by adding pictures elements, e.g.
+ <code><picture file="img_1490.jpg" date="2006-10-12 14:30" /></code>.
+ </p>
+ <p>
+ Each pictures element contains a date and references an image file. The image file must be available
+ and displayable in the browser - it should be a png, jpg or gif image.
+ </p>
+ <h2>Adding texts</h2>
+ <p>
+ Adding texts works like adding pictures, but the texts must be contained in the "data.xml" file, not
+ in seperate files, e.g. <code><text date="2006-10-14 20:00">An example text...</text></code>.
+ </p>
+ </body>
+</html>
\ No newline at end of file
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-31 18:11:16
|
Revision: 7
http://svn.sourceforge.net/mapaphoto/?rev=7&view=rev
Author: lgrammel
Date: 2006-10-31 10:11:04 -0800 (Tue, 31 Oct 2006)
Log Message:
-----------
Share project 'homepage' into 'https://svn.sourceforge.net/svnroot/mapaphoto/homepage'
Added Paths:
-----------
homepage/
homepage/branches/
homepage/tags/
homepage/trunk/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
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.
|
|
From: <lgr...@us...> - 2006-10-25 14:09:48
|
Revision: 5
http://svn.sourceforge.net/mapaphoto/?rev=5&view=rev
Author: lgrammel
Date: 2006-10-25 07:09:33 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
#1584397 import initial version
Removed Paths:
-------------
code/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-25 14:08:50
|
Revision: 4
http://svn.sourceforge.net/mapaphoto/?rev=4&view=rev
Author: lgrammel
Date: 2006-10-25 07:08:29 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
#1584397 import initial version
Added Paths:
-----------
mapaphoto/trunk/.project
Added: mapaphoto/trunk/.project
===================================================================
--- mapaphoto/trunk/.project (rev 0)
+++ mapaphoto/trunk/.project 2006-10-25 14:08:29 UTC (rev 4)
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>mapaphoto</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ </buildSpec>
+ <natures>
+ </natures>
+</projectDescription>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-25 14:06:37
|
Revision: 3
http://svn.sourceforge.net/mapaphoto/?rev=3&view=rev
Author: lgrammel
Date: 2006-10-25 07:05:54 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
Share project 'mapaphoto' into 'https://svn.sourceforge.net/svnroot/mapaphoto/mapaphoto'
Added Paths:
-----------
mapaphoto/
mapaphoto/branches/
mapaphoto/tags/
mapaphoto/trunk/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-25 13:59:35
|
Revision: 2
http://svn.sourceforge.net/mapaphoto/?rev=2&view=rev
Author: lgrammel
Date: 2006-10-25 06:59:21 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
#1584397 import initial version
Added Paths:
-----------
code/trunk/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
|
From: <lgr...@us...> - 2006-10-25 13:56:54
|
Revision: 1
http://svn.sourceforge.net/mapaphoto/?rev=1&view=rev
Author: lgrammel
Date: 2006-10-25 06:56:39 -0700 (Wed, 25 Oct 2006)
Log Message:
-----------
#1584397 import initial version
Added Paths:
-----------
code/
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
