クリエイターズカタログ


Home » クリエイターズカタログ » GoogleMapとの上手な交際方法

GoogleMapとの上手な交際方法

GoogleがWeb上で提供する無料の地図検索サービス「GoogleMap」。これを利用すると、自サイトに高精度かつ高機能な地図を自由に設置することができます。
例えばGoogleMapを導入すると、以下のような機能を搭載することができます。

  • 地図の表示
    地図は拡大・縮小でき、ドラッグして全方位にスクロールできます。
    航空写真やストリートビュー(風景写真を360度表示できる機能)を表示することもできます。
  • 検索
    地名・駅名・住所等で地図を検索することができます。
  • マーカー
    地図上に複数のマーカーを表示し、これをクリックしたときにフキダシを表示することができます。これらのマーカーは、カテゴリ別にアイコン(色や形状)を設定することが可能です。また、地図の外にマーカーをリスト表示することができ、マーカーの件数が多い場合には一覧性が向上します。
    マーカーやフキダシの内容は外部ファイルで設定できるため、マーカーの追加・修正等のメンテナンスが容易になります。

ネット環境で作図ができる

 HTML5から新しく導入されたcanvasタグを利用すると、Webブラウザ上で簡単な作図ができます。
 従来、ネット上での作図(お絵描き)には、JavaやFlashがよく利用されてきましたが、iPadiPhoneはFlashに対応していません。
 canvasタグは複雑な図形描写やアニメーション等、全ての用途を満たせるわけではありませんが、JavaやFlashのようにプラグインを使うことなく、標準のHTMLとJavaScriptだけでブラウザ上に図を描くことができるため、今後開発される新しい端末やブラウザでも利用することができそうです。

コーダープロフィール

氏名
後藤美穂
性別
女性
血液型
O型
業務内容
現在、Webシステムの構築を担当させていただいてます。
趣味
ベランダ菜園。アロマテラピー。スキー・テニス・ハイキング等、アウトドアなこと。
大阪生まれの大阪育ちです。
大学・大学院で植物遺伝学をやっていました。
大学院修士課程を修了後、大阪で一年程ソフトウエア会社に勤務し、C言語とVisual Basic、COBOLによるプログラミングを少しずつ経験しました。
結婚して名古屋に転居し、大学の情報担当助手として勤務。ここでネットワークの管理やホームページの作成・CGI・仕様書やビジネス文書の書き方等を学びました。
このときの経験を生かして、現在の業務を担当させていただいてます。

コメントをご自由にご入力ください。



次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>