3

「Gmap3」Jquery プラグインを使用しており、ストリート ビューとロードマップを組み合わせず、ストリート ビューとマップを切り替えることもできずに、ストリート ビューのみを初期化しようとしています。Gmap3 のドキュメント (http://gmap3.net/api/set-street-view.html) には、次の 2 つの例しかありません。

ロードマップとストリートビューを表示:

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 でストリートビューを初期化する方法を見つけることができませんでした。

よろしくお願いします。

4

2 に答える 2

2

正直なところ、この jquery プラグインを知りませんが、Maps API を使用して試してみましたか?

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

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

于 2012-04-25T22:35:29.733 に答える
2

私はこのサイトをよく利用していますが、あなたの質問に役立つかもしれません。http://gmap3.net/api/set-street-view.htmlストリートビュー パノラマのコードはテスト済みで、機能しています。

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>
于 2013-07-13T15:51:27.083 に答える