WordPressにGoogle Maps & Earth API！ブログ素人のホームページ作成方法と地図対策 - Part 7

スポンサードリンク

V2 Street View 自動走行

Posted by 管理人 on 2011年8月5日 None comments | 1,677 views

V2 ですが、出発地点の地名、目的地の地名（または座標）を入力してボタンを押せば、自動でStreet View画面が切り替わり、自動走行気分が味わえます。

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

Posted by 管理人 on 2011年7月30日 1 comments | 3,699 views

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

v2では、streetviewのオーバーレイヤーを指定すれば、ストリートビューの対応している道路が青くハイライトされたのですが、Ｇｏｏｇｌｅ　Ｍａｐｓ　ＡＰＩ　Ｖ3では、簡単に1行では指定できないようです。

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

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

交通渋滞情報レイヤーと交通情報ImageMapType

Posted by 管理人 on 2011年7月30日 2 comments | 5,439 views

リアルタイムの交通渋滞情報を Google Maps API では TrafficLayer を使用して地図に取り込むことができます。いくつか方法があるようです。

◆その1

簡単な方法としては、「交通レイヤー」を使います。既にあるソースのmap = new google.maps.Map(document.getElementById(“map_canvas”), myOptions); の下に、下記scriptを記述すればOKです。

Google Maps APIサービスが使用可能なサポートされる国・都市の一覧表

Posted by 管理人 on 2011年7月30日 None comments | 1,999 views

Google Maps APIサービスがサポートする国・都市は、現在218の地域に広がっています。

ただし、APIサービスの内容は、地域によりまちまち。 map tiles、geocoding（ジオコーデイング）、street view（ストリートビュー）、traffic（交通情報）、driving directions（ルート検索）、biking directions（自転車ルート検索）の対応状況は下記リンクの表から確認で

きます。 Read more »

GTranslate ／58ヶ国語の翻訳に対応したWordPress用プラグイン

Posted by 管理人 on 2011年7月16日 None comments | 521 views

58ヶ国語の翻訳に対応したWordpress用プラグイン「GTranslate」。翻訳ソースは、Google翻訳を利用しているようです。

ウィジェットとして登録できるので、右サイドバーにおいておくと便利かも。

Google +1（プラスワン） SEO対策

Posted by 管理人 on 2011年6月5日 None comments | 231 views

Google のニュースを検索していたら、ASCIIのサイトでGoogle +1（プラスワン）を見つけた。

FacebookのLikes（いいね！）と同様にページを推奨できる機能のようです。

2011年6月スタート。始まったばかりでどうなるのか不明だが、とりあえず導入しておく。

こんな感じ。

数年後にはFacebookのいいねのように広まるのか？

+1 をウェブサイトに表示するタグは、コチラのＧｏｏｇｌｅのページから。

Googleマップアイコンのimg画像リンクのボーダーライン線（border）を消したい

Posted by 管理人 on 2011年5月16日 None comments | 2,440 views

ふとブログに貼り付けたGoogle MapのアイコンをブラウザInternet Explorer見ていたら、border線が表示され、アイコンが一部欠けて消えている。このGoogle アイコンのimg画像リンクのボーダーライン線（border）を消す方法は？

ブラウザGoogleChromeだと表示されないボーダー線が、Internet Explorerだと消えないで表示されてしまう。画面左。

サンプルデモマップ／パノラミオ（panoramio）写真をタグで検索するInputフォームを追加する。

Posted by 管理人 on 2011年4月17日 None comments | 887 views

地図に表示させるパノラミオ（panoramio）のサムネイルをタグ指定するサンプル

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

サンプルデモマップ／地図に表示させるパノラミオ（panoramio）写真をタグで指定する。

Posted by 管理人 on 2011年4月17日 None comments | 1,185 views

地図に表示させるパノラミオ（panoramio）のサムネイルをタグ指定するサンプル

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

サンプルデモマップ／Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させる

Posted by 管理人 on 2011年4月17日 None comments | 2,274 views

Google Map にパノラミオ（panoramio）の写真サムネイルを地図にオーバーレイ（overlay）表示させるサンプル

個別ブログ記事に戻る

Google Maps API v3使い方のサンプルデモマップ一覧に戻る

Google Maps API v3の使い方の記事一覧に戻る

7 / 23« 先頭 «...5 678 9...20...»最後 »

スポンサードリンク