Google maps on mobiles ??

[hugosnel]

Hello,

I am testing integration with GG maps.
First try ok:
http://meatwork.info/index.php?page=map
Now i want to be able to show this page correctly on a mobile telephone so that people can actually find the place while walking.
Idealy i would like to integrate it into a navigation system .. any ideas?
ps I do love Nokia maps ..

[Russ]

On this site:
http://www.friendsofthejohnrylands.org/map/

Although I did not use CG Maps, I used something similar. I wrapped the call to the map in some code to detect mobile browsers (plenty around the web).

So for non-mobile devices I called the map as normal. For mobile devices I just show a static map with a 'Click map for more info'  message and have it as a link to your locations' normal Google maps URL, the one for the web based Google maps. This worked in the mobile emulators I tried and even invokes the Google map application on the iPhone/iPod Touch so you can do other things...

Hope this helps.
p.s. I'd be interested to see how you get on with your Nokia. I was of the opinion (perhaps wrongly,) that if you used a normal Google URL type link, then thenewer Google phone apps would recognise it and handle it.

[hugosnel]

Although I did not use CG Maps, I used something similar. I wrapped the call to the map in some code to detect mobile browsers (plenty around the web).

Can you show me what you used and where you inserted the code?
TIA

[Russ]

Sure, for the Maps stuff I used http://n01se.net/gmapez/ but I don't think this matters, you could use CGMaps, as I call it with just a UDT {DesktopMap} or for the straight Google URL {MobileMap}. For the first one it just sets the parameters I required vis-a-vie the maps GMapez, all straight forward stuff and documented on the site. The second is basically a link to a static map (image) with a link to the normal Google map url for the required position.

I then wrapped this in a test for the browser string for mobile devices (For simplicity in this example I'm only picking up the "iPhone" bit of the browser string here, Google for more fully featured examples.)

In PHP , which you could put in another UDT and put in your template or page.

Code: Select all

if ((!stripos($_SERVER['HTTP_USER_AGENT'],"iPhone"))
{DestopMap} 
}else{
{MobileMap} 
}

Hope this helps,
Russ

[hugosnel]

I think my question is not clear 
I have the CGmaps working nicely:
http://poisson-clement.fr/index.php?page=contactez-nous
What I do not know to do is to attacc a 'handheld' stylesheet which will manage the correct display on different mobile.
So:
how do i attatch a stylesheet to this page?
how do i manage the different handhelds in the stylesheet?

[Russ]

If you wish to just alter the view (CSS) of the CGMaps on mobile devices then create a handheld stylesheet (in Admin Layout / Style sheets) and create your CSS in there. Make sure it is a 'handheld stylesheet' and only add stuff that alters the CGmaps as it will be attached to all your pages!

I've always found that getting back to basics helps with handheld style sheets, basically a text view, but you should be aware that many mobile browsers have odd CSS formatting or indeed no CSS support at all, so it can be a bit hit and miss. Some don't even support 'handheld' stylesheets, like the iPhone, others have no Javascript, it is a minefield!

p.s. I've just updated the phone support for the website example I gave. You did not let me know what happens when you navigate to the map page on http://www.friendsofthejohnrylands.org and click on the map. I would be grateful if you could let me know.