Skip to main content

The mobile meta tag

    If you have ventured into the world of Mobile web development, you would have realized the importance of the viewport meta tag in the head section of your HTML page. Without the proper meta tag included in your HTML, your web page would zoom, move, be dragged around and basically not client acceptable. To avoid all of this, we need to include a viewport meta tag in the HTML in the head section.

     Jquery mobile suggests the users to use the following viewport meta tag.
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">

     By using the above viewport meta tag, the width would be set to pixel width of the device. This would avoid the resizing of the page and there-by the web page would not be draggable any more. However, this would not disable our zooming issue. The user can still zoom the web page by tapping the screen or by pinching it. Jquery mobile suggests that this is a feature that should be included, however, many a times, in most cases, this is not desirable. By using the above meta tag, your web page won't zoom when the device is in the Portrait mode, but when you change the orientation of the device the user can start zooming the web page. To avoid all of the above issues, the following meta tag should be used instead of the one suggested by Jquery Mobile.
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

     The user-scalable=no property disables the zoom feature of all the mobile devices in both the orientations. Hope this post helps a lot of web developers who are or would have faced this issue. Do share the post if it has helped you and you can follow the blog by liking the Spatial Unlimited page on Facebook.

















Labels:







































Comments











Post a Comment


Please leave your comments here...








































Recommended for You



















Playing with the markers and info window bubbles...




























     In the last few posts, we have seen some marker examples and some information window examples. Now, lets do something interesting combining these two things. Just writing that "This is an info window" in the information bubble is not very interesting! And I know this...Have gone through the same phase!       So, today we will do something interesting! We will display the latitude- longitude co-ordinates of the point that the user clicks on the map! Doing this is not at all complex! Copy paste the following code and you will see for yourself a map coming to life!        The output of the above code looks as seen in the result section above! If you have any queries regarding the above code please comment on the blog post or feel free to contact me at my mail ID .




















3 comments









Read more




























Bihar dials mobile tech to track road-building




























         Upwardly mobile Bihar is now set to become the first state in India to use the latest cell phones for centralised monitoring of road construction. In an earlier post  we saw how the Bihar police were using the GIS technology to track down the criminals.           Bihar State Road Development Corporation  (BSRDC), under the Road Construction Department (RCD), will deploy  Android phones to help executive engineers keep an eye on road  construction from district headquarters, while the RCD Secretary will do  so from the Patna office.           Earlier, Bihar State Bridge Construction  Corporation had successfully used GPS-enabled phones to help mobile  inspectors track engineers on duty. The latest mobile operation system  supports all Google applications in 3G mobile phones.           Using the latest Android technology, ...




















Post a Comment









Read more




























GIS India News Titbits




























         Treading on the foot steps of Gujarat for  improvement in governance, the Himachal Pradesh government on Wednesday, 10th November 2010, announced to set up geo-informatics centre for planning with help of  the latest digital techniques under supervision of department of  science, technology and environment.           Chief Minister Prem  Kumar Dhumal said the centre would be set up on the lines of  Bhaskaracharya Institute of Space Applications and Geo-Informatics  (BIGSAC), Gandhinagar, Gujarat, and would be named as Aryabhatta  Geo-Informatics and Space Applications Centre (AGiSAC).           Departments that  are directly linked with common man including Revenue, Forest,  Education, Health, Agriculture, Horticulture, Panchayati Raj and Rural  Development would be the first ones to be taken up for planning under  the project by digitisation of their record. ...




















2 comments









Read more




























Four maps on the same page - Playing with events




























     In today's example we will see how to add 4 maps on the same web page and then play a bit around with some events in Google Maps API. Lets have a look at the code. All that you have to do to get the code working is copy the code in a text file and save it with .html extension. Open this html file in your browser and you will see the four maps in action!          Adding the four maps on a webpage should not be a challenge anymore, and all the more after the example Two Google Maps - Side by side  that I shared a few weeks back! All you need to pay attention is to the events. There are two events "drag" and "zoom_changed". As the event names suggest, when you will drag or zoom the first map (upper left map), the remaining three maps will also zoom and pan accordingly! Try it out and leave a comment of what you think of it! You can also drop your queries or doubts about the same here!       The output of the above code appears as seen in th...




















4 comments









Read more






























First Google Enterprise Geospatial Summit 2011 India




























               December 7, 2011  - I attended the first ever Google Enterprise Geospatial Summit 2011  held in New Delhi, India. I was so excited to attend this seminar as I work on the Google Maps API.                 Reached the venue - The Sheraton, New Delhi  along with a colleague of mine from my work place.     The Venue - Sheraton, New Delhi                 The registration for the event took a long time though we had registered online. Pretty lousy work by the organizers, but the seminar that followed was worth the effort.                Enjoying Snacks and Coffee before the start of the exciting evening...                       The participants were pouring in and the stage was set for a wonderful Mapping evening. The speakers had a lot in store for us.     ...




















Post a Comment









Read more