Using Google Maps on Windows Phone 7

Windows Phone 7 LogoWindows may have its own mobile based operating system, but do you know that Google which has its own Android system for mobiles in the form of Android also owns the Google Maps. Now, you may ask that can we use the Google Maps which is of Google on Windows Phone 7? The answer is yes you can use the Google Maps on your Windows Phone 7.

Similar Videos : Share Web Pages on IE, Delete IE Cookies on Windows Phone 7, Delete Images and Videos on Windows Phone 7 & Enable or Disable WiFi on Windows Phone 7 Devices.

So, in the due course of this article let’s see on how one can use the Google Maps on their Windows Phone 7. No jargons or a tough job, all you need to do is to just follow the instructions which are mentioned below in the form of a simple to understand tutorial. Since many of the users might have migrated from the low end phones or for all those who wanted to know on how to use gMaps on WP7, the tutorial below will be perfect one.

Procedure to use Google Maps on Windows Phone 7:

  • From the home screen of your Windows Phone 7, you first need to swipe the screen to the left hand side so that you can get into the applications as well as the various settings which are there on your Windows Phone 7.
  • Once you are into it, you just need to find an option called “gmaps” after which just tap on the same to open the Google Maps application.
  • As soon as you open the application of the gmaps, you will see that the maps database will be loading and depending upon the internet connection the maps will be loading in quite a while.
  • After sometime, you will have to go to the lower end of the screen and need to tap on the first option after which the current location of you will be rendered and then your current location will be shown on the screen.
  • Now, when your  actual location is shown, now you may want to search for a place to where you wish to travel. Just enter the location where you wish to go after which just tap on the “Go” option. It will search for the location for quite a while as the data will be rendered depending upon the Internet Speed.

So, now in this way you can search for the locations on the Google Maps, after searching if you wish to calculate the distance to that place then tap on the car option to calculate the distance and then you can plan your travel accordingly. For your convenience, we have also demonstrated the same in the Video which you can find below.

About Neal Pradeep

One comment

  1. You can have Google Maps Api V2 in your Windows Phone 7 Project

    You can do it even using dynamic maps,,

    you will have to include a Browser Component in your project

    and add a “OnLoaded Event”

    private void webBrowser1_Loaded(object sender, RoutedEventArgs e)
    {
    Uri target = new Uri(“GMaps.html”, UriKind.Relative);
    StreamResourceInfo sri = App.GetResourceStream(target);

    StreamReader sr = new StreamReader(sri.Stream);

    locmapString = sr.ReadToEnd();
    webBrowser1.NavigateToString(locmapString);

    }

    the GMaps.html content is as described below and it’s properties
    should be included in the project as a Content Type and Copy Always

    //##########################

    google.load(“maps”, “2.x”);
    // Call this function when the page has been loaded
    function initialize() {

    // A TextualZoomControl is a GControl that displays textual
    “Zoom In”
    // and “Zoom Out” buttons (as opposed to the iconic buttons
    used in
    // Google Maps).

    // We define the function first
    function CustomZoomControl() {
    }

    // To “subclass” the GControl, we set the prototype object to
    // an instance of the GControl object
    CustomZoomControl.prototype = new GControl();

    // Creates a one DIV for each of the buttons and places them
    in a container
    // DIV which is returned as our control element. We add the
    control to
    // to the map container and return the element for the map
    class to
    // position properly.
    CustomZoomControl.prototype.initialize = function (map) {
    var container = document.createElement(“div”);

    // Zoom In Div
    var zoomInDiv = document.getElementById(“zoom_in”);

    GEvent.addDomListener(zoomInDiv, “click”, function () {
    map.zoomIn();
    });

    //Zoom out Div
    var zoomOutDiv = document.getElementById(“zoom_out”);

    GEvent.addDomListener(zoomOutDiv, “click”, function () {
    map.zoomOut();
    });

    //Pan Left Div
    var panLeftDiv = document.getElementById(“pan_lt”);

    GEvent.addDomListener(panLeftDiv, “click”, function () {
    map.panDirection(+1, 0)
    });

    //Pan Right Div
    var panRightDiv = document.getElementById(“pan_rt”);

    GEvent.addDomListener(panRightDiv, “click”, function () {
    map.panDirection(-1, 0)
    });

    //Pan Up Div
    var panUpDiv = document.getElementById(“pan_up”);

    GEvent.addDomListener(panUpDiv, “click”, function () {
    map.panDirection(0, +1)
    });

    //Pan Down Div
    var panDownDiv = document.getElementById(“pan_down”);

    GEvent.addDomListener(panDownDiv, “click”, function () {
    map.panDirection(0, -1)
    });

    //Pan Center Div
    var panCenterDiv =
    document.getElementById(“center_result”);

    GEvent.addDomListener(panCenterDiv, “click”, function () {
    map.setCenter(new
    google.maps.LatLng(24.71888611111111.22,46.79971944444444), 16);
    });

    map.getContainer().appendChild(container);
    return container;
    }

    // By default, the control will appear in the top left corner
    of the
    // map with 7 pixels of padding.
    CustomZoomControl.prototype.getDefaultPosition = function () {
    return new GControlPosition(G_ANCHOR_TOP_LEFT, new
    GSize(7, 7));
    }

    var map = new GMap2(document.getElementById(“map”),
    { size: new GSize(1000, 700) });

    map.setCenter(new
    google.maps.LatLng(24.71888611111111,46.79971944444444), 16);
    var point = new GLatLng(24.71888611111111,46.79971944444444);
    var albiladMarkerIcon = new GIcon(G_DEFAULT_ICON);
    albiladMarkerIcon.image = “http://www.someserver.com/images/
    some_map_mark.gif”;
    albiladMarkerIcon.iconSize = new GSize(20, 20);
    albiladMarkerIcon.shadowSize = new GSize(0, 0);
    // Set up our GMarkerOptions object
    markerOptions = { icon: albiladMarkerIcon };
    //map.addControl(new GSmallMapControl());
    map.addControl(new CustomZoomControl());
    map.addOverlay(new GMarker(point, markerOptions));
    }

    google.setOnLoadCallback(initialize);

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Comment moderation is enabled. Your comment may take some time to appear.