当前位置: 代码迷 >> Web前端 >> bing 地图 图
  详细解决方案

bing 地图 图

热度:759   发布时间:2012-11-23 00:03:43.0
bing map 图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
   <head>  
      <title></title>  
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  
      <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>  
  
      <script type="text/javascript">  
         var map = null;   
  
         var LA = new VELatLong(34.0540, -118.2370);   
  
         var pinPoint = null;   
         var pinPixel = null;   
                     
         function GetMap()   
         {   
            map = new VEMap('myMap');   
            map.LoadMap(LA, 14, VEMapStyle.Road, false, VEMapMode.Mode2D, true, 1);   
  
            AddPin();   
         }   
  
         function getInfo()   
         {   
            var info;   
  
            if (map.IsBirdseyeAvailable())   
            {   
                var be = map.GetBirdseyeScene();   
  
                info  = "ID: "          + be.GetID() + "\n";   
                info += "orientation: " + be.GetOrientation()+ "\n";   
                info += "height: "      + be.GetHeight() + "\n";   
                info += "width: "       + be.GetWidth() + "\n";   
  
                var pixel = be.LatLongToPixel(map.GetCenter(), map.GetZoomLevel());   
  
                info += "LatLongToPixel: " + pixel.x + ", " + pixel.y + "\n";   
  
                // Check to see if the current birdseye view contains the pushpin pixel point.   
                info += "contains pixel " + pinPixel.x + ", " + pinPixel.y + ": " +    
                        be.ContainsPixel(pinPixel.x, pinPixel.y, map.GetZoomLevel()) + "\n";  
                   
                // Check to see if the current view contains the pushpin LatLong.   
                info += "contains latlong " + pinPoint + ": " + be.ContainsLatLong(pinPoint) + "\n";   
                   
                // This method may return null, depending on the selected view and map style.   
                info += "latlong: " + map.PixelToLatLong(pixel);   
  
                alert(info);   
            }   
            else   
            {   
                var center = map.GetCenter();   
  
                info  = "Zoom level:\t" + map.GetZoomLevel() + "\n";   
                info += "Latitude:\t"   + center.Latitude    + "\n";   
                info += "Longitude:\t"  + center.Longitude;   
  
                alert(info);   
            }   
         }   
            
        function AddPin()   
         {   
            // Add a new pushpin to the center of the map.   
            pinPoint = map.GetCenter();   
            pinPixel = map.LatLongToPixel(pinPoint);   
            map.AddPushpin(pinPoint);   
         }   
      </script>  
   </head>  
   <body onload="GetMap();">  
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>  
       <input id="btnGetInfo" type="button" value="Get Scene Information" name="getinfo" onclick="getInfo();">  
       <br/>  
        (zoom out 5 clicks to get latitude/longitude and zoom level)   
   </body>  
</html>  

?咀上收集整理

  相关解决方案