スポンサードリンク

Tag Archives: Google Maps API v3

今度はアイコン(マーカー)を地図に表示+XMLファイルデータ読み込み/Google Maps JavaScript API V3

マーカー(アイコン)を表示させるのであれば、複数のマーカーを表示させたい。

v2でPHP+MySQLが使えないときに、XMLファイルから読み込んだ手を試してみる。

参照ページ;Google グルーディスカッションのサンプルより

◆Google Maps V3 XMLファイルからのマーカー+インフォウィンドウ読み込み

  1. Head内にutil.jsファイルを指定。ダウンロードは、GooglMaps のサンプルコードのページから。
  2. 名前や座標データを記述したXMLファイルを用意。サンプル(ソースを見るで確認

Read more »

ナビゲーションコントロール、マップタイプコントロール、距離スケールコントロールを表示する標準マップ

ともかくGoogle Maps API v3でともかく地図を表示させてみよう。 Google Map JavaScript API V3 チュートリアルにあるGoogle マップ V3 の「Hello, World」を表示させてみることに。

◆Google Maps V3 Hello World

うーん。APIキーが無いのがいいですね。 あと目立つのは、コントローラ近くのストリートビューのアイコン。 スマートフォン、iPhone(アイフォン)用の位置情報取得用にセンサーの使用有無を示すための sensor パラメータの設定が出来るようになっています。 それでは、初期表示の座標を東京あたりに変更して・・・・。

まずあとで、ブログ等で使うことを考えて、bodyイベントのinitialize();は、scriptの中へ。jsファイルは共通で使いたいので、個別に指定する地図タイプ、初期表示座標、ズームは、別のscriptに分けておく。マップタイプは、4つのタイプから選択。

Read more »

2 / 212

スポンサードリンク