• [JS] 玩转微软Bing地图


    来源:http://www.javaeye.com/topic/647566

    <!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
    += " " + 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; 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>
  • 相关阅读:
    Sublime Text 3 Build 3143 可用License
    npm安装cnpm报错
    使用proxy来简单的实现一个观察者
    时间倒计时提醒
    JavaScript设计模式
    异步方法(promise版)出错自调用
    co模块源码学习笔记
    go new() 和 make() 的区别
    广度优先搜索算法
    并发和并行有什么区别?(转)
  • 原文地址:https://www.cnblogs.com/hcbin/p/1717334.html
Copyright © 2020-2023  润新知