WPF WebBrowser + BingMaps + Bird的眼睛

时间:2014-09-19 21:11:39

标签: wpf webbrowser-control bing-maps

有没有办法告诉WPF WebBrowser

  • 导航到Bing地图页面
  • 设置鸟瞰特定地理位置(纬度,经度)和;
  • 使页面显示为全屏

我查看了Bing地图页面Create a Custom Map URL

但是我无法在WPF中使用它。

1 个答案:

答案 0 :(得分:0)

您需要使用Bing Maps API执行此操作,而不是使用Bing Maps使用者网站。如果您创建了一个基本网页,则可以将其托管在WebBrowser控件内部并创建一个interop,以便从C#向该页面传递命令。例如:http://ayende.com/blog/4366/wpf-webbrowser-and-javascript-interaction

以下是一个可用作起点的示例网页:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
   <head>
      <title>Map with birds eye view</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 = null;

      function getMap()
      {
         map = new Microsoft.Maps.Map(document.getElementById('myMap'), {credentials: 'Your Bing Maps Key', center: new Microsoft.Maps.Location(47.6215, -122.349329), mapTypeId: Microsoft.Maps.MapTypeId.birdseye, zoom: 18});
      }

    function setView(latitude, longitude, zoom){
        map.setView({center:new Microsoft.Maps.Location(latutude, longitude), zoom: zoom});
    }

      </script>
   </head>
   <body onload="getMap();">
      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
   </body>
</html>