ナビゲーションコントロールの使用 maps.google.co.jp では地図の左側にナビゲーションコントロールが表示されますナビゲーションコントロールには次の機能があります 1. 矢印 - 該当の矢印ボタンをクリックすると地図を東西南北にスクロールできます元のビューに戻るにはをクリックしま

Size: px

Start display at page:

Download "ナビゲーションコントロールの使用 maps.google.co.jp では地図の左側にナビゲーションコントロールが表示されますナビゲーションコントロールには次の機能があります 1. 矢印 - 該当の矢印ボタンをクリックすると地図を東西南北にスクロールできます元のビューに戻るにはをクリックしま"

えのらぶり
5 years ago
Views:

1 基本 - Google マップユーザーガイド基本検索ビュー印刷共有保存された場所マイマップ Google マップはウェブブラウザで利用できる地図サービスです現在の場所に応じて基本的な地図またはカスタムの地図を表示でき近くにあるお店やサービスの情報を知ることができますこの情報にはお店やサービスの所在地や連絡先などがあります地図をクリックしてドラッグすると現在表示されている場所の周辺の地域がすぐに表示されます好みの場所の航空写真を表示して拡大や移動が可能です航空写真には地図データを重ねて表示することもできますインターネットに接続してサポートされているウェブブラウザを使用すれば誰でもデスクトップコンピュータやノートパソコンでこの無料サービスを利用できますこのガイドではこのサービスの使用方法を説明しますさらにヘルプを表示する Google マップは次のいずれかの方法で表示できます maps.google.co.jp にアクセスします Google マップを埋め込んだウェブページを表示します ( 例 ) 携帯端末で Google マップを表示します Google Earth Enterprise で作成した個人用地図を表示します Google マップを初めて使用する場合は可能なかぎり maps.google.co.jp から始めることをお勧めします Google マップでのナビゲートどの Google マップでも縦横にビューをスクロールできます地図をスクロールするには次のいずれかを実行します地図をクリックしてドラッグします上 ( 北 ) にスクロールするにはキーボードのキーを押します下 ( 南 ) にスクロールするにはキーボードのキーを押します右 ( 東 ) にスクロールするにはキーボードのキーを押します左 ( 西 ) にスクロールするにはキーボードのキーを押しますまた + キーを押すと地図を拡大でき - キーを押すと縮小できますカーソルを目的の場所の上に置きマウスのスクロールボタンを使用するとその場所で地図を拡大縮小できます目的の場所を地図の中心にして拡大するにはその場所をダブルクリックします 1

2 ナビゲーションコントロールの使用 maps.google.co.jp では地図の左側にナビゲーションコントロールが表示されますナビゲーションコントロールには次の機能があります 1. 矢印 - 該当の矢印ボタンをクリックすると地図を東西南北にスクロールできます元のビューに戻るにはをクリックします 2. ストリートビュー - クリックするとストリートビュー画像を表示できます 3. ズーム - [+] をクリックすると中央を中心に地図を拡大できます [-] をクリックすると同様に縮小できます 4. ズームスライダ - ズームスライダをドラッグすると地図を段階的に拡大縮小できます Google マップを埋め込んだその他のウェブページではこれらのナビゲーションコントロールの一部またはすべてが利用できないことがありますたとえば次に示すようなナビゲーションコントロールが埋め込み地図に表示されることがあります左側パネルについて左側のパネルには検索結果マイマップおよび地図上のアイテムに関する追加情報が表示されますこのパネルを非表示にするにはこのパネルの境界線上にあるをクリックします非表示になっている左側パネルを表示するにはをクリックしますマーカーについて Google マップでは重要な場所であることを示すためにマーカーが使用されますたとえば住所で検索するとその住所の場所が Google マップにマーカーで表示されます次のような種類のマーカーがあります住所またはお店やサービスで検索すると地図上でそのお店やサービスに該当する場所にこのマーカーが表示されます住所またはお店やサービスで検索すると地図上でそのお店やサービスのおおよその場所にこのマーカーが表示されますお店やサービスで検索するとスポンサービジネス ( 広告 ) の場所にこのマーカーが表示されます 2

ルートを検索するとルート上の地点にこのマーカーが表示されますこのマーカーは高速道路の出口の番号と場所を表示しますユーザーが作成したコンテンツを検索して表示すると地図上でそのコンテンツに該当する場所にこのマーカーが表示されます ( 詳細 ) これらのほかにも Google マップでは自分や他の人が作成したカスタムマーカーを表示できます ( 詳細 ) 情報ウィンドウの表示

運転ルートへのリンクなど多くの情報を表示できます情報ウィンドウの中には拡大してより多くの情報を表示できるものがあります一部の場所では情報ウィンドウ内の [ ストリートビュー ] をクリックすると通りに立った目の高さで移動しながら周辺の景色を見ることができます ( 詳細 ) 情報ウィンドウ内にまたは [ 詳細 >>] が表示されている場合は

3 ルートを検索するとルート上の地点にこのマーカーが表示されますこのマーカーは高速道路の出口の番号と場所を表示しますユーザーが作成したコンテンツを検索して表示すると地図上でそのコンテンツに該当する場所にこのマーカーが表示されます ( 詳細 ) これらのほかにも Google マップでは自分や他の人が作成したカスタムマーカーを表示できます ( 詳細 ) 情報ウィンドウの表示マーカーをクリックすると情報ウィンドウが表示されそのマーカーの場所に関する補足情報を得ることができますマーカーの情報ウィンドウを表示するには次のいずれかを実行しますマーカーをクリックします [ 検索結果 ] タブでマーカーをクリックします [ 検索結果 ] タブで該当のリンクをクリックします情報ウィンドウにはお店やサービスの写真説明レストランのレビュー運転ルートへのリンクなど多くの情報を表示できます情報ウィンドウの中には拡大してより多くの情報を表示できるものがあります一部の場所では情報ウィンドウ内の [ ストリートビュー ] をクリックすると通りに立った目の高さで移動しながら周辺の景色を見ることができます ( 詳細 ) 情報ウィンドウ内にまたは [ 詳細 >>] が表示されている場合はクリックして情報ウィンドウを拡大することができます情報ウィンドウを閉じるにはをクリックします拡大した情報ウィンドウのサイズを変更するにはをクリックします [ レビューを書く ] をクリックすればお店やサービスのレビューを作成することができます概要地図の使用概要地図 ( 左の図 ) は地図の右下に表示されます概要地図では広域地図の中で現在の地図ビューに該当する部分が示されるので地図上を移動する操作で便利です現在地図で表示している区域が概要地図では紫色のボックスで示されますどのような場合でもをクリックすると概要地図を非表示にすることができをクリックすると再び表示できます地図をパンまたは拡大縮小するとそれに応じて概要地図の表示も変化します次のいずれかの操作によって現在の地図の表示を変更できます概要地図で紫色のボックスをドラッグアンドドロップします 3

4 紫色のボックスの外をドラッグアンドドロップして地図をスクロールしますデフォルトの場所の選択 Google マップに最初に表示される地図は現在の場所で決まります別の場所をデフォルトで表示するにはその住所を検索ボックスに入力して [ 地図を検索 ] をクリックします保存された場所のいずれかを使用することもできます住所が表示されたら情報ウィンドウで [ この場所をデフォルト登録する ] をクリックしますこれによりこの住所がデフォルトの場所として表示されるようになります詳細なヘルプ Google ではこのユーザーガイドのほかにも Google マップをより便利により楽しく使用するためのリソースを数多く用意していますこれらのリソースには次のようなものがあります Google マップヘルプセンター - ヘルプセンターを使用すると補足情報をいつでも入手できますトラブルシューティング - Google マップのトラブルシューティングに特化した情報を閲覧できます Google マップヘルプグループ - 他の Google マップユーザーに質問したり回答を閲覧したりできます Google Maps API - ウェブサイトに Google マップを埋め込むために使用する API です Google Maps API のブログ - Google Maps API の機能や使い方に関するブログです日本語サイトディレクトリ登録してキーを取得しますの概念を参照しますの例を確認しますリファレンスを参照しますおすすめの動画についてセッションではを使ってマップをウェブページに埋め込むことができますこのではサイトで使用できるような地図を操作しさまざまなサービスを介してコンテンツを地図に追加するための多数のユーティリティを提供していますこれを利用してウェブサイトにパワフルな地図アプリケーションを作成できます 4

5 環境内で地図アプリケーションを作成しデプロイしますは誰でも自由にアクセスできるウェブサイトならば無償で利用できるベータサービスです詳しくは利用規約をご覧くださいご検討くださいをイントラネットや非公開アプリケーションで使用する場合はをローダーを使用はと完全に統合されていますこのフレームワークによってサポート対象のすべてのマップを含むに対してつのキーを読み込むことができます各で共通の名前空間を使用できるため複数のを連携させることができますまたフレームワークを使用しない場合は既存の名前空間を引き続き使用できますので心配はご無用ですフレームワークの使用は比較的簡単ですこのフレームワークを使用するようにアプリケーションを変更する方法は次のとおりですこのをから読み込む代わりに共通ローダーをから読み込みます既存のキーは次のに渡すことができます <script type="text/javascript" src=" 希望する特定の読み込むを google.load メソッドを使用して読み込みます google.load メソッドはの名前とバージョン番号の引数をとります <script type="text/javascript"> google.load("maps", "2"); </script> 5

6 で現在使用しているすべてのクラスメソッドプロパティ用に google.maps.* 名前空間を使用して G プレフィックスをこの名前空間で置き換えますオブジェクトの初期化には google.setonloadcallback() を使用しますたとえばローダーの使用時は GMap2 オブジェクトは google.maps.map2 にマップされます <script type="text/javascript" src=" <script type="text/javascript"> google.load("maps", "2.x"); // ページが読み込まれたときにこの関数を呼び出します function initialize() { var map = new google.maps.map2(document.getelementbyid("map")); map.setcenter(new google.maps.latlng( , ), 13); } google.setonloadcallback(initialize); </script> ローダーの使用に関する詳細についてはを参照してくださいのローカライズではコントロール名著作権表示および運転ルートなどのテキスト情報の表示はデフォルトで英語が使用されますを特定の言語で情報を適切に表示するように変更するには使用するドメイン言語を指定するコードを含める際にオプションの hl パラメータを <script> タグに追加しますたとえばアプリケーションをドイツ語で表示するには次のように &hl=de を <script> タグに追加します <script type="text/javascript" src=" サポートされているドメイン言語のリストも参照してくださいサポート言語は頻繁にアップデートされるためこのリストがすべてのサポート言語を網羅しているとは限りませんプログラミングに関する注記の使用を開始する前に次の注意事項を参照して作成するアプリケーションがすべての対象プラットフォームで正常に動作することを確認する必要があります 6

7 ブラウザの互換性はマップウェブサイトと同じブラウザをサポートしていますこのスクリプトはほぼすべてのブラウザでエラーなしで解析できるため互換性をチェックする前にこのスクリプトを問題なく組み込むことができます互換性のないブラウザを使用するユーザーにはアプリケーションごとに異なる動作を実装することが必要になる場合がありますは互換性をチェックするためのグローバルメソッド GBrowserIsCompatible() を提供していますが互換性のないブラウザを検出したときの自動動作は用意されていませんこのドキュメント内のほとんどの例ではブラウザの互換性はチェックされず古いブラウザに対してエラーメッセージが表示されることもありません実際のアプリケーションでは互換性のないブラウザについてはなんらかの便宜上の処理が行われるはずですがこのドキュメントでは例を簡潔にするためにこのようなチェック処理は省略しています複雑なアプリケーションではブラウザとプラットフォーム間の不整合が必然的に発生しますこれらの問題に対する簡単な解決策はありませんが開発者ヘルプグループとはどちらも対処法を見つけるのに役立つサイトですと地図が掲載されたページでは標準に準拠したを使用することをお勧めしますブラウザはページの先頭での DOCTYPE 宣言を検知するとそのページを標準準拠モードで表示しその結果として各種のブラウザでそのページのレイアウトと動作の予測可能性が大幅に高まりますこの宣言のないページは下位互換モードで表示されることがありその結果として一貫性のないレイアウトになる可能性があります地図上でポリラインマップで道路ルートを表示するために使用されるラインなどを表示するにはドキュメントに名前空間を組み込んでですべての要素が正常に動作できるようにする必要がありますドキュメントの開始部分は次のようになります <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xmlns:v="urn:schemas-microsoft-com:vml"> の更新 7

8 内の v パラメータは使用するのバージョン番号を表していますのほとんどのユーザーはこの内で v=2 パラメータを渡して現在のバージョンを使用することをお勧めします代わりに v=2.x パラメータを渡して最新リリース最新機能を含むを取得することもできますただし最新リリースは v=2 リリースより信頼性が低い場合があるので注意してくださいは頻繁に場合によっては毎週更新され更新時には問題が発見されない限り v=2.x リリースの機能が v=2 リリースに取り込まれますさらに v=2.s パラメータを渡すことで安定バージョンのを使用できますこのバージョンは更新頻度が低くおよそ数か月ごとに更新されます v=2 リリースと v=2.x リリースはおよそ週間ごとに更新されるため一部のデベロッパーは安定した v=2.s を優先的に使用しています安定バージョンは現行バージョンより数バージョン古いことがあるため一部の最新機能を含んでいない可能性がありますの各バージョンは更新されるたびに番号が割り当てられますバージョンなどが更新された場合以前のバージョンに基づいた古いコードは公表されているとおりに動作しないことがありますアプリケーションで特定バージョンのを使用する必要がある場合はそのバージョンを v パラメータで指定してください例 v=2.75 ただしこの方法はお勧めしません更新されたコードをプロダクトのベースにすることが常に理想的です今後を大幅に更新する場合はメジャーバージョン番号を更新してとデベロッパーヘルプグループに通知を掲載しますその場合はコードを移行するための猶予期間としてか月以上は両方のバージョンをサポートする予定ですチームは最新のバグフィックスやパフォーマンス強化でを透過的に更新することもありますこれらのバグフィックスはパフォーマンス向上とバグ修正のみを目的としていますが意図せずに一部のクライアントに障害をもたらすことがありますこのような問題のご連絡にはデベロッパーヘルプグループを使用してくださいアプリケーションをアップグレードこのドキュメントは年月日に公開されたのバージョンについて述べていますにのバージョンを使用している場合年月日より前にサイトを作成した場合はウェブサイトをアップグレードしてみてください詳細についてはバージョンアップグレードガイドを参照してください内の例 8

9 このドキュメント内のほとんどの例ではファイル全体ではなく関連するコードのみを表示していますこれらのコードを各自のスケルトンファイルに挿入することも例の後のリンクをクリックして各例のファイル全体をダウンロードすることもできますブラウザのメモリリークを防止では関数クロージャの使用を推奨していますイベントハンドルシステムの GEvent によるノードへのイベントの添付方法ではなどの一部のブラウザで高い確立でメモリリークが発生してしまいますのバージョンで導入された新しいメソッドの GUnload() によってこれらのメモリリークの原因となる循環参照のほとんどが解消されます作成したページの onunload イベントで次のように GUnload() を呼び出してアプリケーションでメモリリークが発生する可能性を低減させてください <body onunload="gunload()"> この機能を使用するとマップでののメモリリークをほぼ回避できますがメモリ消費の問題が見受けられる場合はしていないか調べてくださいなどのツールを使用して各自のサイトでメモリリークが発生その他の資料ここではいくつかの追加の資料を紹介しますなおこれらのサイトはているものではありませんが保有またはサポートし 9

10 トラブルシューティング作成したコードが正常に機能しない場合は次の方法によって問題を解決してみてくださいキーが有効であることを確認しますタイプミスがないか確認しますでは大文字と小文字が区別されますデバッガを使用しますではコンソールアドオンのいずれかを使用できますではを使用できますこの一連のスクリーンキャストは各種デバッグツールを使用する方法を示していますデベロッパーヘルプグループで解決策を探します疑問への回答となる情報が見つからない場合はグループに質問を投稿してその問題を再現するウェブページへのリンクを添えてくださいその他の資料でサードパーティのデベロッパー向け資料を参照します 10

Design with themes — Part 1: The Basics

Design with themes — Part 1: The Basics テーマを使用してデザインする - パート 1: 基礎テーマとはフォント色および視覚的な効果を調整して組み合わせたものです 1 回のクリックで多数の基本テーマの 1 つを任意の PowerPoint プレゼンテーションに適用できますさらに数回のクリックでテーマをカスタマイズして保存しそのテーマを何度も再利用できますこのチュートリアルでその方法を学習してください開始する前に...