8th Nov 2011, 02:10 PM | #1 |
Warrior Member Join Date: 2010 Location: www.OfferWriter.com
Posts: 27
Thanks: 20
Thanked 5 Times in 4 Posts
|
Could anyone recommend a Google Map Wordpress plugin that supports zooming with fingers on a mobile? I am using: WordPress Plugin: Google Maps v3 Shortcode | The Urban Nomad It's awesome. But the only way to zoom is with on screen +/- buttons. While people naturally try to zoom with finders on a mobi. Or perhaps there's a piece of code that will allow launching Android/iPhone Map App when tapping on the Google Map marker? Or code that links a written address to a Map App (like href="tel:xxxxxx" launches 'tap to call'?) Thanks guys, any advice is greatly appreciated. . |
WP Mobile Pro review -- Build well-designed Mobile sites in minutes, simply in Wordpress. (A pro-tool for professional Offline-consultants.) | |
8th Nov 2011, 04:36 PM | #2 |
Digital Marketer War Room Member Join Date: 2010 Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
|
The problem is the Google maps that allow you to zoom with your fingers are those which you must embed into your site using iframes. Iframes are not recommended for mobile websites. This is why you will see most people using static map images on mobile sites and then linking to the Google map should people want to zoom in or move around the map at all.
|
| |
8th Nov 2011, 08:00 PM | #3 |
Warrior Member Join Date: 2010 Location: www.OfferWriter.com
Posts: 27
Thanks: 20
Thanked 5 Times in 4 Posts
|
Will, thanks for the clear explanation. Is it possible to link a text address to Google Maps or Map App, so tapping launches the map (and sets a marker)? . |
WP Mobile Pro review -- Build well-designed Mobile sites in minutes, simply in Wordpress. (A pro-tool for professional Offline-consultants.) | |
8th Nov 2011, 08:10 PM | #4 | |
Digital Marketer War Room Member Join Date: 2010 Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
|
<a href="http://maps.google.com/m/local?q=123 Story St. Brooklyn NY 11218" rel="nofollow">123 Story St. Brooklyn NY 11218</a> If a user clicks on that address they will be taken to the mobile version of Google Maps where they can zoom in and scroll left/right, etc. If they are on a smartphone such as the iPhone it will instead open up the Google Maps app and give them the full function map to play around with. | |
| ||
The Following User Says Thank You to WillR For This Useful Post: |
8th Nov 2011, 09:50 PM | #5 |
Mobile+WP = JumpMobi.com War Room Member Join Date: 2009 Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
|
just fyi there are two versions of google maps for mobile devices that i have found - they have very slight variations in what they do 1) http://maps.google.com/m/local? - this is the one Will mentioned it will work on almost all devices i have tested it on but for newer phones it has limited features 2) http://maps.google.com/m/places? - this version works best on newer feature phones that are not android or ios driven but are running new browsers than can handle javascript since this version is javascript driven and offers more features for those type of phones over the previous one - such as better panning and zooming for example... The url structure is also more complex on the latter and you are best off using firefox and useragent switcher to make sure you get the right url for me i am big advocate for user agent detection instead of using screen size detection when it comes to handling mobile visitors. Using user agent detection i will actually use both urls and server the best option to the appropriate device to enhance the end user experience, but testing really is the key... if your using emulators and your taking mobile web development seriously invest in some real mobile devices - android, ios, blackberry... you dont need a contract. With all you can just use the phones wifi feature. Instead of an iphone invest in an itouch or if you dont have the money at least use the one hour free trial offered at perfectomobile to see what at least one of your sites look like across a number of REAL but different devices... its a great learning experience! btw if your not using user agent detection and you serve the latter google maps url in some instances it will cause a browser freeze on slightly older blackberry devices ie 8530! hth |
Sorry, I am too busy helping people to think of a cool signature! | |
Bookmarks |
Tags |
finger, google, google map plugin, map, mobile, plugin, zoom |
| |