Menu
▾
▴
[Mapaphoto-commits] SF.net SVN: mapaphoto: [8] homepage/trunk
|
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.
|
