CodePaste Logo
New Snippet New Snippet Recent Snippets Recent Snippets My Snippets My Snippets My Favorites Favorites Web Code Search Snippets Search
Sign inor Register
Language: HTML

Bing Map Page

299 Views   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>GeoLocatoin</title>
    <script src="../Support/jquery.js" type="text/javascript"></script> 
    <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
    <script type="text/javascript">
        var lat;
        var lon;
        var isp;
        var org;
        var country;
        var city;
        var region;
        var map;
        var location;
 
        function load() {
            location = new VELatLong(lat, lon);
            map = new VEMap('Map');
            map.LoadMap(location, 14, VEMapStyle.Hybrid);
 
            // Add pushpin when map finishes loading
            map.AttachEvent("onendpan", onEndPanHandler);
 
            var mapView = new VEMapViewSpecification(location, 14, null, 1, 1);
            map.SetMapView(mapView);
        }
 
        function onEndPanHandler() {
            // Remove handler so we don't add a pushpin every time the user pans
            map.DetachEvent("onendpan", onEndPanHandler);
 
            var description = $("<div/>");
 
            $(description).append("ISP: " + isp).append("<br/>").append(city + ", " + region).append("<br/>").append(country);
            
            var pushpin = new VEShape(VEShapeType.Pushpin, location);
            pushpin.SetAltitude(0.0, VEAltitudeMode.RelativeToGround);
            pushpin.SetZIndex(2000);
            pushpin.SetDescription($(description).html());
            pushpin.SetTitle(org);
            map.AddShape(pushpin);
        }
 
        function GetQuery() {
 
            var qsParam = new Array();
            var query = document.URL.substring((document.URL.indexOf("?") + 1));  //window.location.search.substring(1); 
            var params = query.split('&');
 
            for (var i = 0; i < params.length; i++) {
                var pos = params[i].indexOf('=');
                if (pos > 0) {
                    var key = params[i].substring(0, pos);
                    var val = params[i].substring(pos + 1);
                    qsParam[key] = val;
                }
            }
 
            lat = qsParam["lat"];
            lon = qsParam["lon"];
            isp = qsParam["isp"];
            org = qsParam["org"];
            country = qsParam["country"];
            city = qsParam["city"];
            region = qsParam["region"];
 
        }
 
        $(document).ready(
        function() {
            GetQuery();
            load();
        }
        );
 
        $(document).unload(function() {
            if (map != null) {
                map.Dispose();
            }
        });
    </script>
  </head>
  <body>
    <div id='Map' style="width:800px; height:600px;"></div>
  </body>
</html>
by MikeInBA
  November 19, 2010 @ 7:31am

Add a comment


Report Abuse
brought to you by:
West Wind Techologies