スポンサードリンク

Category Archives: Google Maps API v3

kmlファイルからデータを読み込んだアイコン及びレイヤーの初期表示座標を指定する

◆Googe Maps API V3の使い方/kmlファイルからアイコンやレイヤーを読み込んで表示させる方法

kmlファイルからのデータを読み込んでマーカーやレイヤーを表示させるとデフォルトでは、KMLレイヤーの内容が地図の中心になり、自動的にbounding box にズームされるようになってしまいます。(前回の記事参照

 

そこで、初期指定の座標やズームを有効にするために、ルート検索(Directions Renderer)でも使用したpreserveViewport を使います。

Read more »

手軽にアイコンを作成できるメトロスタジオMetro Studio 無料

メトロアイコンを手軽に作成できるMetro Studioが無料で配布されていました。

499ドルが現在無料です。

タイ バンコクの鉄道路線図(Bangkok Thailand Rail Line)作成に使ってみました。(記事

 

metrostudio

 

  Read more »

バンコク BTS,地下鉄地図-kmlファイルからデータを読み込んで地図にアイコン・マーカー及びレイヤーを表示させる

◆Googe Maps API V3の使い方/kmlファイルからアイコンやレイヤーを読み込んで表示させる方法

kmlファイルからのデータを読み込んでマーカーを表示させる仕方ですが、Google 先生のこのページを参照下さい。

kmlファイルさえ、作成してしまえば、アイコンを地図に好きなように表示できて便利。ポリラインやポリゴン等を地図上にお絵かきするのもとっても簡単。

今回は、タイ バンコクの鉄道の路線図を作成してみます。

  Read more »

Wi-Fi接続で現在位置収得が出来ない? ジオロケーション(Geolocation)でGoogle Mapが表示されない

あるとき気がついたのですが、自宅でiPhone(アイフォン)のWi-Fi接続中にJQtouchデモの地図(Chromeで見てください)が表示されない場合があることに気がついた。

どうも現在地の座標を収得できていない模様。

大抵は問題ないのですが、まれにいつまで待っても地図が表示されない。iPhone(アイフォン)の設定からWi-Fi接続をOFFにして、3GS接続にすると読み込んだりする。Wi-Fiにしても3GSにしてもアンテナは、立っているのですが・・・・・。

原因はiPhone(アイフォン)の通信状況の問題でしょうか?

W3Cジオロケーション(Geolocation)のマニュアルを見ても、特に注意書きのようなものも見つからず・・・・・どうしよう。

Read more »

Google Map現在地アイコン/レーダのようにパルス発信するアニメーション

iPhone(スマートフォン用端末)のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。

plebeosaur.us “Here We Are Again”

青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。

 

icon icon

Read more »

Googel Maps API + Traffic Layer(交通渋滞情報レイヤー) +ON/OFFボタン /JQtouch

Google Mapに表示することの出来る交通渋滞情報が思っていたよりも便利。Traffic Layer(交通渋滞情報レイヤー) をiPhone(スマートフォン用端末)地図に追加してみます。

出来れば、iPhone(スマートフォン端末)の画面をタップしたら表示/非表示を繰り返すことが出来るような手軽なものに。

Read more »

ストリートビュー地図(マップコネクト)の外にペグマンの表示位置を切り替えるボタンを設置する

以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。

複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。

Read more »

地図に天気情報を表示させるお天気と雲のレイヤー/Google Maps API V3

◆Googe Maps API V3の使い方/地図にお天気アイコンと雲レイヤーを表示させる方法

グーグルマップにお天気情報と雲の状況を表示できるようになっています。

日本語版Google Maps JavaScript API V3 デベロッパーのオーバーレイのページには、アナウンスがないのですが、英語版のデベロッパーページには、「ウェザーレイヤー(WeatherLayer)」について記述があります。

ここでは、2012年4月のGoogle Geo Developers Blogで紹介されているサンプルをベースにお勉強。

 

◆The Weather and Cloud Layers (Library)

デベロッパーガイドでは、The Weather and Cloud Layers はLibrary(ライブラリー)と書いてあります。Libraryとは?

ライブラリーの概要については、ここのページに記載があります。

要は、地図APIのいくつかの機能を使いたければ、指定しないと使えないよ・・・とのこと。ここでは、このサンプル地図に天気と雲のレイヤーを追加してみたいと思います。

  Read more »

道路の走行距離合計を計算する地図の使い方

 

地図をクリックして赤いマーカを設置後、「ルート検索」ボタンを押してください。

Read more »

php+MySQL/ストリートビューのマップコネクトのソース

この記事の中段で動作しているストリートビューのマップコネクトの<script>のソース

Read more »

2 / 1012345...10...最後 »

スポンサードリンク