2016-11-18 9 views
2

マップボックスにGoogleストリートビューのようなストリートビューを実装したいと思います。誰かが何か考えがあるなら、私に応じてそれを案内してください。Google MapsストリートビューのようなストリートビューにMapBoxを使用することはできますか

+0

これはあなたが探しているものですか:: https://www.mapbox.com/blog/announcing-mapbox-streets/? – 0aslam0

+0

お返事ありがとうございます。 これは現在実装されていますが、私はこのような機能を実現したいと考えています。https://developers.google.com/maps/documentation/javascript/examples/streetview-simple –

+1

Mapboxはこのようなサービスを提供していません。 Googleのストリートビュー画像は、Google自身によって収集され、整理されます。 – 0aslam0

答えて

4

Google Street View Serviceをカスタムマップボックスマップと一緒に使用できます。

ストリートビューのパノラマを作成するには、それを初期化する必要があります。ここでは

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); 

は次のとおりです。

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マップから来るイベントに基づいてパノラマの位置を更新することができますこのテクニックを示すプロジェクト:http://io.morphocode.com/sofia/en

また、MapillaryはもっとオープンなaltですGoogleのストリートビューには珍しい。実際にはexplorer UIにmapbox-glを使用しています。

+0

返信いただきありがとうございます!これを試用します –

+0

これはGoogleの利用規約に準拠していますか? – bramb84

関連する問題