グーグルマップのストリートビューを適切に表示したい
はじめまして。
ウェブプログラミング初心者です。
ビルの情報を集めたウェブサイトを制作中の者です。
それぞれのビルのグーグルマップとストリートビューを表示したいのですが、
ストリートビューで建物内の店舗が表示されるものがあり
どのように調整したらよいか困っています。
道路を表示させるための記述などあるのでしょうか。
下記にソースを添付させていただきます。
ご教示いただければ幸いです。
何卒どうぞよろしくお願いいたします。
<!-- 住所から緯度経度を取得する -->
<?php
$query =$address;
$query = urlencode($query);
$url = "http://www.geocoding.jp/api/";
$url.= "?v=1.1&q=".$query;
$fp = fopen($url, "r");
while(!feof($fp)) {
$line.= fgets($fp);
}
fclose($fp);
$xml = simplexml_load_string($line);
?>
<!-- 取得した緯度経度をJavaスクリプト内に入れて地図とストリートビューを表示 -->
<script type="text/javascript">
// 変数群
var map,svp;
//--------------------------------------------
//初期設定(ページを読み込んだ時に実行する関数)
//--------------------------------------------
function initialize() {
// 緯度・経度変数
var latlng = new google.maps.LatLng(<?php echo $xml->coordinate->lat; ?>,<?php echo $xml->coordinate->lng; ?>);
// 地図のオプション設定変数
var myOptions = {
// 向き
heading: -20,
// 初期のズーム レベル
zoom: 17,
draggable: false,
// 地図の中心点
center:latlng,
// 地図タイプ
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//地図オブジェクト生成
map = new google.maps.Map(document.getElementById('map'), myOptions);
// ストリートビューオブジェクト生成
svp = new google.maps.StreetViewPanorama(
document.getElementById('svp'),{
position : map.getCenter()
});
// ストリートビューオブジェクト詳細設定
svp.setPov({heading: -20, pitch: 0, zoom: 0});
// マップとストリートビューの一致させる為の記述
map.setStreetView(svp);
} // function initialize()
// ページを読み込んだ時にinitialize()を実行
google.maps.event.addDomListener(window, 'load', initialize);
</script>
お礼
たしかにgoogle earthの方が使い勝手がよいようです。ありがとうございます。