80MB single Image file

[kab_184]

Hi

I just recieved my city's satellite image zoomed upto 500feet Now what i want to do is

--Label All the roads so that Smaller streets/roads name appear only after user has zoomed in real close.
-- Host it then on my UNIX php MYSQL server As dynamic clickable Map like GOOGLE MAP so people can zoom in atleast 3 steps.


What i cannot find is How to DO all this. Any FREE or PAID Solution which is easy to use available?

[glish_dreams]

iv got two ways for you.... the easyest way i would go about this is FLASH.. this will be in a small file format .. and everyone pretty much has it on there comp.. and alot have javascript turned off..
paid.. buy software... or pay me to do it for you


free
well you figure out how to get Flash for free off the net

[Dolphin123]

That image is way too large for a website.

[mindlessLemming]

As Dolphin said, that image is totally unsuitable for the web.
Anyone who is willing to sit and wait for an 80MB image (AND run the chance of it becoming corrupted[packet loss] in the process) is incredibly dedicated.

The existing mapping services (maps.google.com, yahoo maps and msnearth being the big guys) all use 'image tiles' -- they only load only what you can see and the first round of tiles immedietly surrounding that area. As you move around or zoom in the map, new tiles are added or the existing tiles are replaced (in the case of zooming).

This is a SERIOUSLY ADVANCED WEB UI.
It's hard to do at all, but very hard to do well.

I'm jumping the gun a little and assuming a lot, but it's my guess that if you even considered putting an 80MB image on the web, trying to build such an application would fry your brain in a very painful way.
Please don't assume that's any sort of insult -- I never said I could build google maps either ;)

That said, there a re a lot of explainations as to the technical elements behind the scenes at google maps. Hit Google and read up on one. If you understand all the concepts behind the javascript in use; go for it :)

...and anyone who says "pay me to do it" better have a seriously impressive collection of existing work before you even bother asking them for a quote

[glish_dreams]

in flash it would be very simple.. but the image doesnt need to be 80MBs at all
i could make a sample if you would actualy want me to make you one...

but what do you need this for again, i know that mapquest will allow ppl to embed there app. onto other sites, i think iv also seen google maps on others sites...........id go that route... cuz none the less (you wont be the one that makes it, so someone will want there credit for doing the deed)

[glish_dreams]

Ok.. i just checked out Mapquest, yahoo maps, google maps, msn earth, and even terra server...

now MSN earth or http://local.live.com/ is totally the best.. esp if ur mouse has the finger wheel

now heres your best bet
http://www.google.com/apis/maps/
its free to add to a site using javascript

http://maps.google.com/
second best to me.. has SAT images, with hybrid view..


but i havent used any other site to actualy find a place other then MAPQUEST...

im going to spend some time trying to get there code.. but this isnt impossible..

all this mainly does.. using imaging mapping.. not just tiles..once you click a certain point, the code loads that next image... so a simple javascript could most likely do this very easy,,,, maybe not..(type in a address and it goes right to it) but you are wanting it for just one city, so urs could possible be easy to do

[mindlessLemming]

I definitely agree that using an existing service's API is a better choice than building it from the ground up.

glish_dreams: you mention a preference for Flash; did you notice Yahoo map's Actionscript API during your investigation?
http://developer.yahoo.net/maps/flash/asGettingStarted.html

If you go with Google's API, check out this site for some good practical tips :)
http://www.econym.demon.co.uk/googlemaps/

[glish_dreams]

http://developer.yahoo.net/maps/ajax/

does this help hmm any?????
in the route of him doing it his self with his files on his site.. not using anyones elses

[glish_dreams]

http://developer.yahoo.net/maps/ajax/V2/ajaxexample3.html

view the source... does this help him.. i would like to figure this one out myself.. i see good uses in online gaming...


ADDing
ok in the script you find out that...
http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/position_1.0.2.js

http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/dragdrop_1.0.2.js

http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/animation_1.0.0.js

http://api.maps.yahoo.com/v2.0/aj/ymapapi.js
yup.. the forumals

[glish_dreams]

<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=2.0&amp;appid=YahooDemo"></script><script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/position_1.0.2.js" type="text/javascript"></script><script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/dragdrop_1.0.2.js" type="text/javascript"></script><script src="http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/animation_1.0.0.js" type="text/javascript"></script><script src="http://api.maps.yahoo.com/v2.0/aj/ymapapi.js" type="text/javascript"></script>
<style type="text/css">
#mapContainer {
height: 600px;
width: 600px;
}
</style></head>


ok i dont know what it means first of.. now when copy and posting the URLs you have to delete the amp;

http://api.maps.yahoo.com/ajaxymap?v=2.0&appid=YahooDemo
you go there and get

function _ywjs(inc) { var o='<'+'script src="'+inc+'"'+' type="text/javascript"><'+'/script>'; document.write(o); } _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/position_1.0.2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/dragdrop_1.0.2.js'); _ywjs('http://us.js2.yimg.com/us.js.yimg.com/lib/common/utils/animation_1.0.0.js'); _ywjs('http://api.maps.yahoo.com/v2.0/aj/ymapapi.js');

[glish_dreams]

ok heres something wierd

be took...
http://developer.yahoo.net/maps/ajax/V2/ajaxexample3.html
viewed the source.. copyed it all into Frontpage .. and saved into its own folder.. i called it map.html.. he did to..

no when he goes to preview tab.. his works.. zooms ..goes north east south west.. but myne doesnt.. nor if i open map.html in IE

why?


but the demo works from the yahoo.net thing


ok i just save page as the
http://developer.yahoo.net/maps/ajax/V2/ajaxexample3.html
and open the file as an offline it works.. why dont my frontpage steal not work>>> i got FP2003

[glish_dreams]

ok i found out what kinda was going wrong

some how when i viewed sourch.. it gave me code of something i was highlighting at the same time as the real source.. and i was actully getting the code of all the .js in one file

now i got the mapp.html file working on my comp... can u guys read those .js files and help us figure this one out

[glish_dreams]

ok it tiles the maps in 4 coloums by 4 rows
uses X Y Z coloum, row, zoom
v is ajax verison

http://us.i1.yimg.com/png.maps.yimg.com/png?v=2.0.0&x=7485&y=2891&z=3
top left

http://us.i1.yimg.com/png.maps.yimg.com/png?v=2.0.0&x=7488&y=2891&z=3
top right ...moved over 3 coluoms..

http://us.i1.yimg.com/png.maps.yimg.com/png?v=2.0.0&x=7485&y=2888&z=3
bottom left...same colum..down 3 rows

http://us.i1.yimg.com/png.maps.yimg.com/png?v=2.0.0&x=7488&y=2888&z=3
bottom right...same coluom...down 3 rows


these can be viewed in u jst add .png ..

http://api.maps.yahoo.com/v2.0/aj/ymapapi.js
this is wht does the math.. when someone says north and wht not.. it will add the x and y.. and zoom