如何在 Bing 地图的一角显示文字？

Question

我正在尝试在右侧角的 bing 地图顶部显示文本。

如果它能响应就太好了。如果尺寸改变，文字仍然需要显示在角落里。

我正在使用 Javascript Bing API v=7

Answer 1

执行此操作的简单方法是将文本浮动在地图上方。这很简单HTML/CSS。这是一个例子：

<!DOCTYPE html>
<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=7.0"></script>

  <script type="text/javascript">
    var map;

    function GetMap()
    {   
        map = new Microsoft.Maps.Map(document.getElementById("myMap"), { 
            credentials: "YOUR_BING_MAPS_KEY"
        });
    }
    </script>
    <style>
    html, body{
        width:100%;
        height:100%;
        padding:0;
        margin:0;
    }

    .mapStyle{
        position:relative;
        width:100%;
        height:100%;
    }

    .myTextOverlay{
        position:absolute;
        bottom: 40px;
        right:10px;
    }
    </style>
</head>
<body onload="GetMap();">
    <div class="mapStyle">
        <div id='myMap' class="mapStyle"></div>
        <div class="myTextOverlay">My custom Text</div>
    </div>
</body>
</html>

如何在 Bing 地图的一角显示文字？

How to display text in corner of Bing Map?

javascript

css

bing-maps