スポンサードリンク

Tag Archives: streetview

ストリートビューの青い道路を常に表示させるオーバーレイヤーに変わるImageMapType

◆Google Maps V3 ストリートビューの青い道路をImageMapTypeを使い地図に表示させる

v2では、streetviewのオーバーレイヤーを指定すれば、ストリートビューの対応している道路が青くハイライトされたのですが、Google Maps API V3では、簡単に1行では指定できないようです。

地図上でペグマンを持ち上げると青い道路が表示されますが、それでは不便。常にstreetview対応の青い道路がハイライト表示されるようにしてみます。

google先生のページを調べると「StreetViewTileData オブジェクトの仕様」というのがあります。 ここで、getTileUrl(pano:string, tileZoom:number, tileX:number, tileY:number)のメソッドを使い、 オーバーレイではなく、ImageMapTypeクラスを使い地図上に表示させる方法があるようです。

Read more »

WordPressの記事内にGoogle MapやストリートビューをGoogle Maps API V3で表示させる方法(php+MySQl+XML)

◆ Google Maps API v3  / WordPressの記事内にGoogle Mapやストリートビュー(streetview)を表示させる方法。

WordPressの記事内にGoogle Mapやストリートビュー(streetview)を表示させようとしてスムースに行かなかったのでメモ。 記事内にGoogle Mapやストリートビュー(streetview)を表示させるための方法ですが、ポイントは次の通り。様々なやりかたがあると思いますが参考までに。 Read more »

カーナビのようにposition_changedイベントでペグマンを常に地図の中心座標に配置する/ストリートビュー(streetView)

◆ Google Maps API v3  / ストリートビュー(streetview)position_changedイベントでペグマンを地図の中心座標に配置

ストリートビュー(streetview)と地図(マップ)を同時に表示させるマップコネクトのストリートビューサンプルですが、ストリートビューをクリックして進んでいくと地図からペグマンがアウトしてししまいます。そこで、ストリートビューを動かしても常にペグマンが地図の中心座標にいるようにposition_changedイベントのソースを加えます。

(WordPress内でのストリートビューマップコネクト動作はコチラ
Read more »

ストリートビュー(streetview)だけを表示する

◆ Google Maps API v3  / ストリートビュー(streetview)だけを表示する

ストリートビュー(streetview)もV3で試していきます。残念なのは、iPhone(アイフォン)ではまだ見れないようですね。

ちょいといじって気がついたのが、ズームレベルが増えていたり、ピッチの設定が逆?になっていたことでしょうか。上向きが正の値になりますね。

それでは、基本から徐々に勉強していきます。

最初は、ともかくストリートビュー(streetview)表示するだけのサンプルについてです。基本は大事ですからね。

google先生のサンプルデモからもっともシンプルなストリートビューのソースは次のようになっています。StreetViewPanoramaOptionsは今回、positionとpovだけですが、まだまだいろいろありますので今後試していきたいと思いますが、日本語版は英文版よりプロパティの説明が抜けていますので、英文版を参考とした方がいいでしょう。

Read more »

スポンサードリンク