3

"Gmap3" Jquery Pluginを使用していて、ストリートビューとロードマップを組み合わせずに、ストリートビューとマップを切り替えることなく、ストリートビューのみを初期化しようとしています。 Gmap3はそのドキュメント(http://gmap3.net/api/set-street-view.html)で、次の2例があります。GMap:ストリートビューのみを初期化する(ロードマップなし)

var fenway = [42.345573,-71.098326]; 
$('#test1').gmap3(
{ action:'init', 
    zoom: 14, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    streetViewControl: true, 
    center: fenway 
}, 
{ action:'setStreetView', 
    id: 'test1-streetview', 
options:{ 
    position: fenway, 
    pov: { 
    heading: 34, 
    pitch: 10, 
    zoom: 1 
    } 
    } 
}); 

かへ:

はロードマップやストリートビューを表示しますロードマップやストリートビューを切り替える:

$('#test2').gmap3({ 
    action:'init', 
    zoom: 18, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    streetViewControl: false, 
    center: [40.729884, -73.990988] 
}); 

$('#test2-toggle').click(function(){ 
$('#test2').gmap3({ 
    action:'getStreetView', 
    callback:function(panorama){ 
    var visible = panorama.getVisible(); 
    if (visible) { 
     panorama.setVisible(false); 
    } else { 
     var map = $(this).gmap3('get'); 
     panorama.setPosition(map.getCenter()); 
     panorama.setPov({ 
     heading: 265, 
     zoom:1, 
     pitch:0} 
    ); 
panorama.setVisible(true); 
} 
} 
}); 
}); 

しかし、私は私の周り試みたが、ただのdiv #streetviewのストリートビューを初期化するためにどのように実用的なソリューションを、見つけることができませんでした、申し訳ありません。

非常に助けていただきありがとうございます、事前に感謝します!

答えて

2

このjqueryプラグインはわかりませんが、正に、Maps APIを使用して試したことがありますか?私はこのサイトをたくさん使用し、それはあなたの質問であなたを助けるかもしれない

https://developers.google.com/maps/documentation/javascript/streetview

https://google-developers.appspot.com/maps/documentation/javascript/examples/streetview-embed

+0

ええ、真野ハイテク、これは次のようになります:) ...ありがとう:http://gmap3.net/api/set-street-view.htmlストリートビューのパノラマをテストして取り組んでいるためのコード良いアイデア...なぜ、実際には! :)リンクもありがとう! – Chris

2

CSS

.gmap3,.googlemap { 
    margin: 20px auto; 
    border: 1px dashed #C0C0C0; 
    width: 1000px; 
    height: 500px; 
} 

HTML

<div id="test1" class="gmap3"></div><div class="googlemap"></div> 
+0

ありがとう、@kleopatra :) – Chris

関連する問題