タグ

google mapsと地図に関するnaohorのブックマーク (4)

  • 新しいGoogle Mapsで地図の埋め込みが可能に

    新しい、よりソーシャルに洗練されたGoogle Mapsが一般公開されてしばらくたちますが、なかなか使いづらい面があったのは、ウェブサイトなどに埋め込むことができないという制限があったためでした。 埋め込めないということは、地図を「ほら、これです」と紹介できないということなのですね。 しかしようやく、地図の埋め込み機能が追加され、世界中を紹介できるようになりました。また、この埋め込みには Google+ プロフィールも直結していますので、これまで以上の使い方がありそうです。### 新しい埋め込み機能を利用する 地図の埋め込みは、画面右下の歯車アイコンから行います。 あとはサイズを調整し、埋め込みコードを取得すればブログなどにそのまま貼り付けることができます。 注目したい新しいGoogle Mapsのルック&フィール どうせですから、新しい埋め込みコードで、世界主要都市のGoogle Map

    新しいGoogle Mapsで地図の埋め込みが可能に
  • Google Maps APIのおさらい。

    Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス

    Google Maps APIのおさらい。
  • 手軽になった!Google Maps API V3 (1/2)

    Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」(以下V3と略)が5月27日に公開されました。今回は、V3を使って地図を表示する基的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 (1)API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 (2)iPhoneAndroidへの対応 iPhoneAndroidで地図を高速に表示できるように

    手軽になった!Google Maps API V3 (1/2)
  • Google Maps 入門

    Google マップはグーグルが提供している地図サービスです。この Google マップをカスタマイズして独自のマーカーを表示させたり、指定した区間のルート検索を行ったりすることができるように色々な API が提供されています。ここでは Google マップで提供されている API の中でもウェブサイトで利用者が操作可能な地図をカスタマイズして表示することができる Google Maps JavaScript API の使い方の解説します。 ※ Google マップを利用者として使う場合の使い方については「Googleマップの使い方」を参照されて下さい。 なお JavaScript の基的な使い方については「JavaScript入門」を参照されてください。

    Google Maps 入門
  • 1