Page 1 of 1

Google Maps

Posted: Sat Jul 09, 2011 11:09 am
by bowersbros
I need to create something similar to Google Maps.

Where the entire map is built on a network of tiles (which will be called from teh database) Certain parts of the certain tiles will have hover effects, which are like tooltips, And i will also need to get it so that different things happen on click and hover etc. Any ideas how i can do this?

It is basically a replication of Google Maps, but I cannot find any hints online atall?

It also needs to be draggable, but zoomation isnt wanted :)

Re: Google Maps

Posted: Sat Jul 09, 2011 12:01 pm
by jacek
Sounds good :D

Re: Google Maps

Posted: Sat Jul 09, 2011 12:11 pm
by bowersbros
jacek wrote:Sounds good :D
Do you know of anyway i can do this? Ive tried Google

I know that it can be done with Java,, but im not really looking for that :/

Re: Google Maps

Posted: Sat Jul 09, 2011 2:37 pm
by jacek
You could use JavaScript.

there is also a way you can use the google interface with a custom map, but not sure how that works.

Re: Google Maps

Posted: Sat Jul 09, 2011 2:39 pm
by bowersbros
I know that i can use javascript, but what i am asking is what sort of methods can i use? Because i have no diea how to code something like this, Im more into PHP than javascript and such.

Any ideas on teh actual method behind the code?

And, i doubt hte google interface will work with this because of the level of customisation that I will implement.

Re: Google Maps

Posted: Sat Jul 09, 2011 3:13 pm
by jacek
You could use a combination of the onmousemove and onclick events.

This was the third link when I googled, looks like what you want to do. I guess you will need to add a bit more complexity though.
http://www.andrewburke.ca/ajlb/viewBlog ... hp?ref=124

Re: Google Maps

Posted: Sat Jul 09, 2011 4:15 pm
by Kamal
You know that would need a lot of coding right?

Re: Google Maps

Posted: Sat Jul 09, 2011 4:25 pm
by bowersbros
I know, but i need it to work So i will code alot if needed :) i just need the basics, i should be able to slowly add to it afterwards :)

Re: Google Maps

Posted: Sun Jul 10, 2011 9:32 am
by bowersbros
Ill leave that bit for now.

Most of the CSS and HTML issues are now fixed: http://thetutspace.org/beta/

Any reviews? issues?

And what i can't work out atm:

This is how it should look:
chat_should.JPG
chat_should.JPG (49.09 KiB) Viewed 1600 times
This is how it does in IE:
chat_does.JPG
chat_does.JPG (41.12 KiB) Viewed 1600 times
Any ideas? :)

Re: Google Maps

Posted: Sun Jul 10, 2011 11:26 am
by jacek
bowersbros wrote:Any ideas? :)
The line breaks are probably caused by the white-space property, and the other thing could be that you need to set the width of the DIV elements.

I prefer the way IE has done it though ;)

Re: Google Maps

Posted: Sun Jul 10, 2011 11:43 am
by bowersbros
jacek wrote:
bowersbros wrote:Any ideas? :)
The line breaks are probably caused by the white-space property, and the other thing could be that you need to set the width of the DIV elements.

I prefer the way IE has done it though ;)
Why do you prefer that way? It doesnt make use of the space atall? :p

/edit: fixed that. Simply gave .messages a width value. :)

Re: Google Maps

Posted: Sun Jul 10, 2011 11:52 am
by bowersbros
This is very odd.

For some reason the bottom half of the scroll bar is functional, but the top half isn't..

Ill upload to server ,1 minute.

This is in chrome btw