スポンサードリンク

Tag Archives: Google Map

アイコンが表示されていないただの地図にアイコン(マーカー)を追加する方法

 

このデモマップに複数のマーカーを表示させることは出来ますか?・・とのコメントを頂きました。出来ます。基本的にもともとのソースは変更せずに、足りないソースを追加していきます。

 

1.アイコンの表示設定

地図にどんなアイコンを表示させましょうか。Google Mapの標準アイコンもあれば、自作アイコンなどもありますよね。ここでは、Googel Mapで使用されている標準アイコンを使うことにします。

表現のソースはコチラのページ ”マーカー(アイコン)の種類、画像、サイズ、位置、影を変更する” の「サンプル4」にしましょう。

Read more »

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

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

plebeosaur.us “Here We Are Again”

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

 

icon icon

Read more »

iPhone用

本ページのデモを見るには、ブラウザはGoogle Chromeを使用して下さい。

 

iPhone(アイフォン)やスマートフォンで、google mapを表示させたければ、jQtouchが手軽そうです。

 

◆jQtouch + Google Mapの作り方(方法)

しばらくiPhone(アイフォン)用のサイトをいじっていなかったので、見直しを兼ねて復習。

jQtouchライブラリも若干変更が出ているようですので、この機会に作りなおすことに。いずれにしても基本となるのは、jqtouchライブラリ

  Read more »

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

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

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

Read more »

Google Map使い方

◆Google Maps JavaScript API V3 ブログ目次

Google Maps API v3とは? 本ブログは判らないところをコツコツ積み重ねました。あくまでご参考にされて下さい。Google Maps APIを扱うことは決して難しいことではないと思います。Google Maps JavaScript API V3のページからスタートするといいと思います。

※V2は、2013年11月以降は使用できなくなります。

 

いきなりサンプル集(example)地図を見るならコチラ

 

地図の拡大・縮小用のクリックボタン(アイコン)を地図の外に設置&現在の地図のズームレベルをインフォウィンドウ(infowindow)に表示する。


◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。

通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone(アイフォン)等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。

それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。

ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。

(1)ズームレベルを指定する

ズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。

Read more »

ホンダ カーナビ インターナビでGoogle Mapローカル検索の提供サービス開始

ホンダが、「Googleローカル検索」機能を追加したカーナビのサービスを開始した。HDDインターナビシステムでGoogleのローカル検索機能が使え、インターネット上のレストラン、ショッピング、レジャースポット情報等を検索、目的地にも設定できる。
Google マップ利用者としては魅力的。気になる。

スポンサードリンク