谷歌地图API：添加街景地图？

JS小提琴：http://jsfiddle.net/SULSV/谷歌地图API：添加街景地图？

我用下面的代码显示在我的网站地图：

我的HTML：

<div id="myMap" style="height:350px;width:680px"></div> 
<input id="address" type="text" style="width:600px;"/> 
<input type="text" id="latitude" placeholder="Latitude"/> 
<input type="text" id="longitude" placeholder="Longitude"/>

我的JS：

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"> 
</script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
var map; 
var marker; 
var myLatlng = new google.maps.LatLng(20.268455824834792, 85.84099235520011); 
var geocoder = new google.maps.Geocoder(); 
var infowindow = new google.maps.InfoWindow(); 

function initialize() { 
    var mapOptions = { 
     zoom: 18, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById("myMap"), mapOptions); 

    marker = new google.maps.Marker({ 
     map: map, 
     position: myLatlng, 
     draggable: true 
    }); 

    geocoder.geocode({ 
     'latLng': myLatlng 
    }, function (results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      if (results[0]) { 
       $('#latitude,#longitude').show(); 
       $('#address').val(results[0].formatted_address); 
       $('#latitude').val(marker.getPosition().lat()); 
       $('#longitude').val(marker.getPosition().lng()); 
       infowindow.setContent(results[0].formatted_address); 
       infowindow.open(map, marker); 
      } 
     } 
    }); 

    google.maps.event.addListener(marker, 'dragend', function() { 

     geocoder.geocode({ 
      'latLng': marker.getPosition() 
     }, function (results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       if (results[0]) { 
        $('#address').val(results[0].formatted_address); 
        $('#latitude').val(marker.getPosition().lat()); 
        $('#longitude').val(marker.getPosition().lng()); 
        infowindow.setContent(results[0].formatted_address); 
        infowindow.open(map, marker); 
       } 
      } 
     }); 
    }); 

} 
google.maps.event.addDomListener(window, 'load', initialize); 
</script>

我的问题：我需要什么代码d添加为了添加街道视图框下的地图，链接到路线图并显示标记的当前位置？

我alerady知道这是可以通过

new google.maps.StreetViewPanorama(document.getElementById("DIV-BOX"));

初始化街景，但我不知道如何街景融入我的代码。

来源

2014-06-15 Kent Miller

这个问题被问像3天前。做一个搜索 –

通过地图的streetView - 属性进行定义：

var mapOptions = { 
    zoom: 18, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    streetView: new google.maps.StreetViewPanorama(document.getElementById("DIV-BOX")) 
};

http://jsfiddle.net/SULSV/1/

来源

2014-06-15 19:20:32

谷歌地图API：添加街景地图？

回答

相关问题