Language: HTML
Bing Map Page
<!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>
Report Abuse
Subscribe
Discuss
News
About
New Snippet
Recent Snippets
My Snippets
Favorites
Web Code
Search
Copy
Line#