: Google maps for a mobile site We have a website that uses the Google Maps static maps functionality to embed maps into pages. This works with no problem; we just use something like this: <img

We have a website that uses the Google Maps static maps functionality to embed maps into pages. This works with no problem; we just use something like this:

<img src="http://maps.google.com/maps/api/staticmap?zoom=15&size=512x512&maptype=roadmap&markers=color:red|label:H|42.038322,-87.680260&sensor=false" />

We are now creating a mobile site for the same client. The code itself will still work, but I'm wondering how to make sure I get a map that doesn't take over the entire screen, but is still readable. Is there a standard size that's used for mobile screens? I'm guessing with the static maps there's no way for a user to click to zoom in if we use a small size, but the regular API requires javascript and a lot of mobile browsers still don't support it.

Any ideas?

10.01% popularity Vote Up Vote Down

: Section/Aside (HTML5) I read about <section> and <aside> on the WC3 site a whole ago, but I can't remember if an <aside> should be placed inside a <section> or directly

@Carla537

Posted in: #Html #Html5 #Section

2 Comments

: Yes, you can do this. Create a custom Advanced Segment that only shows traffic from Google Go to Visitors > Visitor Trending > Visits Click on the Clock icon in the 'Graph by' section to

@Carla537

0 Comments

: This could certainly be accomplished using WordPress. It would take some custom development, but some of your requirements could be met using plugins, which would reduce development time significantly.

@Carla537

0 Comments

: Actually, it should be possible. While I haven't tried this myself, you can get latitude and longitude information via the GA API: http://code.google.com/apis/analytics/docs/gdata/gdataReferenceDimensionsMetrics.html

@Carla537

0 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Angie530

One of the ways you can prevent your site & the static map from appearing too out of proportion is to use the viewport meta tag:

<meta name="viewport" content="width=780px"/>

This would tell a mobile browser to try to display the page with a viewport of 780px, or scale it if the device resolution is smaller than that.

There are several other options available in the viewport meta tag that may help you make sure your site doesn't get too squashed when viewed on a mobile browser.

10% popularity Vote Up Vote Down

Feed

: Google maps for a mobile site We have a website that uses the Google Maps static maps functionality to embed maps into pages. This works with no problem; we just use something like this: <img

More posts by @Carla537

: Section/Aside (HTML5) I read about <section> and <aside> on the WC3 site a whole ago, but I can't remember if an <aside> should be placed inside a <section> or directly

: Yes, you can do this. Create a custom Advanced Segment that only shows traffic from Google Go to Visitors > Visitor Trending > Visits Click on the Clock icon in the 'Graph by' section to

: This could certainly be accomplished using WordPress. It would take some custom development, but some of your requirements could be met using plugins, which would reduce development time significantly.

: Actually, it should be possible. While I haven't tried this myself, you can get latitude and longitude information via the GA API: http://code.google.com/apis/analytics/docs/gdata/gdataReferenceDimensionsMetrics.html

Login to post a comment!

1 Comments

Back to top | Use Dark Theme