0

我有纬度和经度坐标，并且一直在尝试在网络浏览器实例中打开 Google 街景或 Bing 街边。

我已经设法使用下面的谷歌街景网址来做到这一点，但是我发现如果坐标不完全在道路上，它就不起作用。相反，你会得到一张全世界的地图。

string.Format(
    "http://maps.google.com/?cbll={0},{1}&cbp=12,0,0,0,5&layer=c",
    this.Location.Latitude,
    this.Location.Longitude)

我想使用的坐标在伦敦，所以它几乎都被映射了。我想显示最近的街道位置。

4

3 回答 3

4

我过去所做的就是这样。我检查 StreetViewService 在给定位置 50 米范围内是否有“全景图”。这是一些完整的示例 JS 代码，应该可以按原样工作。

<!DOCTYPE html>
<html>
<head>
<title>Streetview</title>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#streetView { height: 100%; width: 100%; }
</style>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script type="text/javascript">

    function createStreetMap(strMapCanvasID, intLat, intLong)
    {
        //create a google latLng object
        var streetViewLocation = new google.maps.LatLng(intLat,intLong);
        var panorama;

        //once the document is loaded, see if google has a streetview image within 50 meters of the given location, and load that panorama
        var sv = new google.maps.StreetViewService();

        sv.getPanoramaByLocation(streetViewLocation, 50, function(data, status) {
            if (status == 'OK') {
                //google has a streetview image for this location, so attach it to the streetview div
                var panoramaOptions = {
                    pano: data.location.pano,
                    addressControl: false,
                    navigationControl: true,
                    navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.SMALL
                    }
                }; 
                var panorama = new google.maps.StreetViewPanorama(document.getElementById(strMapCanvasID), panoramaOptions);
            }
            else{
                //no google streetview image for this location, so hide the streetview div
                $('#' + strMapCanvasID).parent().hide();
            }
        });

        return panorama;
    }

    $(document).ready(function() {
        var myPano = createStreetMap('streetView', 51.513016, -0.144424);
    });
</script>

</head>
<body>
<div>
    <h2>Street View</h2>
    <div id="streetView"></div>
</div>
</body>
</html>

然后我只在 DOM 加载后才调用此函数（否则，如果尝试在函数内过早执行此操作，我会发现错误initialize）。

$(document).ready(function() {
    var myPano = createStreetMap('streetView', someLatitude, someLongitude);
});

createStreetMap我相信 C# 而不是使用来自内部的调用，而是$(document).ready(function() { ... });使用WebBrowser.InvokeScript方法并执行以下操作：

object[] args = {"streetView",51.513016,-0.144424};
webBrowser1.Document.InvokeScript("createStreetMap",args);

另请参阅： http: //www.codeproject.com/Tips/60924/Using-WebBrowser-Document-InvokeScript-to-mess-aro

于 2013-01-31T14:56:56.063 回答
1

你应该能够使用类似的东西：

http://maps.googleapis.com/maps/api/streetview?size=300x300&format=png&fov=90&location={0},{1}&sensor=false
于 2013-01-31T14:24:01.990 回答
1

我曾经通过 URL 操作来做很多谷歌地图的事情。WebBrowser直到我发现了从 C#实例调用 JavaScript 的能力。我通常使用Google Maps API和WebBrowser's InvokeScript方法来调用我需要的东西。我发现它的用途更加广泛，尽管有时会很痛苦。

编辑：对不起，我意识到这不一定是您问题的直接答案，但我发现除了最基本的地图操作之外，API 和 JavaScript 提供了更好的功能。

于 2013-01-31T14:45:44.853 回答