我可以使用MapBox作爲Google Maps街景視圖的街景視圖

Question

我想在地圖框中實現街景視圖，如Google街景視圖。如果有人有任何想法，請相應地指導我。

Answer 1

您可以將Google Street View Service與自定義地圖盒地圖一起使用。

要創建一個街道視圖全景，您需要將其初始化：

panorama = new google.maps.StreetViewPanorama(document.getElementById('panorama'), { 
    position: { lng: 23.332791136054766, lat: 42.69581966446731 }, 
    pov: { heading: 165, pitch: 0 }, 
    addressControl: false, 
    linksControl: true, // guide arrows 
    panControl: false, // compass 
    zoomControl: false, 
    /* 
    zoomControlOptions: { 
     position: google.maps.ControlPosition.LEFT_TOP 
    },*/ 
    fullscreenControl: true, 
    fullscreenControlOptions: { 
     position: google.maps.ControlPosition.LEFT_TOP 
    }, 
    zoom: 5, 
    visible: true, 
    mode: 'html5' // fixes bug in FF: http://stackoverflow.com/questions/28150715/remove-google-street-view-panorama-effect 
}); 

然後你就可以更新根據您mapbox地圖即將發生的事件的全景位置：

panorama.setPov({ 
    heading: +building.heading || 0, 
    pitch: +building.pitch || 0, 
    zoom: +building.zoom || 1 
}); 
panorama.setPosition({ 
    lng: +building.lng, 
    lat: +building.lat 
}); 

// NOTE: this fixes broken behavior: 
panorama.setVisible(false); 
panorama.setVisible(true); 

這裏是一個項目，演示此技術：http://io.morphocode.com/sofia/en

或者，您可以看看Mapillary這是一個更開放的ALT指向谷歌街景。他們實際上在他們的explorer UI中使用mapbox-gl。