切换街景

时间:2011-06-29 21:11:52

标签: javascript google-maps google-maps-api-3

如何通过点击按钮(API v3)在特定地图画布上切换街景?

function ToggleStreetView(map)
{
  //Assume map contains the google.maps.Map object

}

3 个答案:

答案 0 :(得分:1)

这是我为不久前写过的地图应用编写的功能:

// Toggles between map and panorama view
function togglePanorama(){
    if(isPanorama){
        map.streetView.setVisible(false);
        $('#message').empty().append('Click here to take a tour of our office.');
        isPanorama = 0;
    } else{
        map.streetView.setVisible(true);
        $('#message').empty().append('Back to the map.');
        isPanorama = 1;
    }
}

虽然我使用自定义全景图,但它可以正常使用默认街景视图。

答案 1 :(得分:1)

获取地图的“街景视图”,然后将setVisible设置为“false”,您的街景视图将不再可见。

// map would be map instance
map.getStreetView().setVisible(false);

答案 2 :(得分:-1)

我假设您使用谷歌地图中的Javascript版本3 API 这是一个示例代码

<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

</script>

如果你小心点,你可以看到代码行

mapTypeId: google.maps.MapTypeId.ROADMAP

你可以声明我们的map变量,而不是你的函数改变它的MapTypeId