Annulleret

simple html5 geolocation example geotiff

Based on a geotiff file, we Need a Simple Static html Page which Displays the current gps Position in the center of the Browser. The Demo file should be usable online on any Webserver or offline on an iPhone/iPad.

Important: it Must use a Local Static geotiff file, an online Access to a Server like google Maps is not wanted!

instead of using geotiff files, i would like to have the function based on geo references in the filenames.

for example a png file is named
E008000_E009000_N52000_N51000.png
represents
upper left corner E008.000,N52.000
lower right corner E009.000,N51.000
(all values are decimal, for example N008750 would be N8.45'00'')
File size should always be constant for example 500*500px

The htmlfile should simply

-check the current gps position (ask the user for html5 geolocation confirmation should pop up automatically)

-the current gps position data should be used for choosing the correct image name, which shows the map for the current position. This is the center map

-the center of the screen should represent the current position on the center map, explanation

center map image data
upper left corner E008.000,N52.000
lower right corner E009.000,N51.000
500px*500px

my position
E008.100,N52.200

center of the screen is on px 50 from left and 100 from top of the center png file (always north up)

-display all 8 png files around the current tile
around the middle tile. If any of the files do not exists with the required filename, that should be there, it should simply display white area (or if possible a error.png file with the same 500px*500px)

explanation:

center map image name
E008000_E009000_N52000_N51000.png

left middle image name
E007000_E008000_N52000_N51000.png

left upper image name
E007000_E008000_N53000_N52000.png

middle upper image name
E008000_E009000_N53000_N52000.png

right upper image name
E009000_E010000_N53000_N52000.png

right middle image name
E009000_E010000_N52000_N51000.png

right lower image name
E009000_E010000_N51000_N50000.png

middle lower image name
E008000_E009000_N51000_N50000.png

left lower image name
E007000_E008000_N51000_N50000.png

If the position leaves the current center image, the visible area should be recalculated based on the new center map and the 8 maps around. The position should be recalculated every 5 seconds.

-The current position and the current direction should be shown as a small arrow

hope this helps, if you like you can send me a message with more questions, if required

Færdigheder: Android, Geolokation, HMLT5, iPhone

Se mere: geotiff ipad, html5 geolocation example, html5 geotiff, iphone geotiff, html geolocation example, simple html5 geolocation example, geotiff iphone, simple html5 example, geolocation example offline, geotiff geolocation, simple geolocation, iphone html5 geolocation offline maps, ipad html5 geolocation, html5 geolocation offline iphone gps, simple geolocation html5, offline maps android, gps online maps, file browser android, android offline maps, android maps offline, android google maps offline, google maps html5 geotiff, google html5 geotiff, html5 geolocation ipad, html5 current gps position

Om arbejdsgiveren:
( 0 bedømmelser ) Hude, Germany

Projekt-ID: #932964

3 freelancere byder i gennemsnit £708 for dette job

hegazy

actually have this ready.. for iphone and 5 other platforms. bid updated to contain the local images buffer

£1500 GBP på 1 dag
(6 bedømmelser)
6.8
ranganathp

Can help... I am an expert... please check my reviews...

£400 GBP in 7 dage
(1 bedømmelse)
3.8
mobiledevmaster

please check the PMB for more details about the project.

£225 GBP in 20 dage
(0 bedømmelser)
0.0