Google map with geolocation and route info facility on a mobile website

What is the good way to add a google map with geolocation and ro开发者_高级运维ute info facility for a mobile website which is for iphone and Android?

I want like when user will open the web page he will get the permission message to use his location and when he will permit the map will load on the page with user's location.

Here is the explanation of process https://cacoo.com/diagrams/rlKiNG7rezQOeTlC

You could always try out the jquery mobile google maps plugin. See the jQuery mobile examples.