我有纬度和经度坐标，并且一直在尝试在网络浏览器实例中打开 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)
我要使用的坐标位于伦敦，因此几乎都已映射。我想显示最近的街道位置。
【问题讨论】：
标签： c# google-maps bing-maps latitude-longitude google-street-view
我过去所做的就是这样。我检查 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);
});
我相信 C#，而不是在 $(document).ready(function() { ... }); 中使用对 createStreetMap 的调用，而是使用 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
【讨论】：
你应该可以使用类似的东西：
http://maps.googleapis.com/maps/api/streetview?size=300x300&format=png&fov=90&location={0},{1}&sensor=false
【讨论】：
我曾经通过 URL 操作来做很多 Google 地图的工作。直到我发现了从 C#WebBrowser 实例调用 JavaScript 的能力。我通常使用Google Maps API 和WebBrowser 的InvokeScript 方法来调用我需要的东西。我发现它的用途更加广泛，尽管有时会很痛苦。
编辑：抱歉，我意识到这不一定是您问题的直接答案，但我发现除了最基本的地图操作之外，API 和 JavaScript 提供了更好的功能。
【讨论】：