距離、面積や標高の測定ツール、鉄道路線や航空路線などマップと記事。旧称は地図蔵
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
2013.11.03 追記 電子国土Web.NEXT という名称で試験公開されていたものが、「地理院地図」「地理院タイル」として正式公開されました。 地理院地図の公開について | 国土地理院 地理院タイルを用いた開発 | 地理院地図 地理院タイルは 従来版タイル と仕様が異なります。従来版タイルは 2013年度中に提供終了予定 との事ですし、新しい地理院タイルの方が大幅に仕様が簡略化されたので、こちらを使った方が良いです。 このエントリも「電子国土」を「地理院地図(地理院タイル)」に修正しました。 2013.10.17 追記 コメントで頂いていますが、現在は、 「日本向けにローカライズされた」 Googleマップ側でも表記が修正されたようで、当初「問題がある」と言われていた地域は問題が解消されているように見えます。 ただし、下記のように Google Maps API で「region=J
テキストボックスに住所または施設名を入力して、「住所変換」または「施設名変換」をクリックしてください。取得結果欄にその場所の住所と緯度経度が表示され、下の地図上にアイコンが表示されます。 複数の住所、施設名も可能です。また、一つの行に、名称と住所、アイコン番号指定を入れることも可能です。 下の地図をクリックすると、マーカーが追加され、緯度経度が表示されます。 ※本ジオコーディングサービスの自治体・企業の業務での利用、および商用利用はできません。これらに該当するかどうかはご自身で判断して下さい。(2019/8/28)
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)iPhone/Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
こんにちは。Google マップのエンジニアリングを担当している池嶋です。今日は、Google Maps API を使って、地図の色を自由に変えられる裏技を紹介したいと思います。 まず、この地図を見てください。 通常の Google マップのように見えますが、全体の色が薄く、赤く色がついている場所があります。赤く色をつけたのは、Google マップのデータベースに「学校」と指定されている場所です。この地図を見ると、たくさんの学校がある事がわかります。 この地図は、特別に作ったデータではなく、先日 Google I/O でも紹介された、Google Maps API で色を変えられる機能を使って作りました。この機能を使うと、自由にカスタマイズした地図を作る事ができます。 例えば、大都市における鉄道や高速道路の分布を地図の上で見る事ができます。
googleMapsAPI関連の投稿三回目となりました、kijimaです。 ・はじめてのgoogleMapsAPI ・はじめてのGoogle Maps API のつづき 今回は、表示したマーカーのアイコン(MarkerOptions.iconに設定したDisplayObject)の大きさを変更してみようかと。 初期設定ですと、マーカーはどのズームレベルでも同じ大きさで表示されるのですが、地図の実寸に合わせてマーカーの大きさも変化させたい!という状況に遭遇したので、以下のように実装してみました。 Marker自体の大きさを変えるのではなく、Markerに設定したMarkerOptions.iconのDisplayObjectの大きさを変える、というのが当たり前ですが、大事なポイントです。 とりあえずは、地図のズームレベルの倍率をセットした配列を用意します。 static const ZOOM
コンチはー!kijimaです。 最近案件でgoogleMapsAPIを使っていますが、初めてのことだったので備忘録として記事に書いておきます。 ちなみに、FlashCS3ユーザー向けチュートリアルページというものがすでに用意されています。そちらを参考にしつつ、進めていきたいと思います。 まずは、使用したいURLを登録してgoogle Maps APIキーを取得します。 こちらのURLにアクセスして、利用規約に同意の上で使用したいURLを入力します。 すると、ランダム英数字からなるAPIキーが取得できます。サーバーにアップする場合はこのAPIキーが必要になってきますが、ローカル環境でswfをパブリッシュして確認するだけだったら必要ありません。 次に、Google Maps API for Flash SDK をダウンロードします Google Maps API for Flashのページの右
Google Maps API for Flash で、3Dが機能するようになったみたいなので(左上のコントローラ) ※グーグルのSDK一式を最新のもの(map_flex_1_16.swc)にしないとコンパイルできない。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:VBox width="100%" height="100%"> <maps:Map3D xmlns:maps="com.google.maps.*" mapevent_mappreinitialize="onMapPreinitialize(event)" mapevent_mapready="onMapReady(event)"
グーグルは6月19日(日本時間)、同社の地図サービスAPI「Google Maps API」が日本国内のルート案内(Driving Directions)に対応したと発表した。これまでルート案内は国外のルートのみ対応だったが、このたびついに国内ルートに対応した運びとなる。Google Japan Blogでは、リリースにあたりAjax APIs Playgroundを使ったコードとサンプルが紹介されている。 デベロッパ用の充実した機能/豊富なドキュメントが揃うGoogle Maps APIに、またひとつ強力な機能が加わったことになる。同機能が国内対応することを待ち望んでいたユーザも多いのではないだろうか。本稿ではこのルート案内の使い方を簡単に紹介しよう。 まずはアカウントを取得 Google Maps APIの利用には、あらかじめ利用規約に同意しAPIキーを取得する必要がある。まだAPIキ
「商業利用もOK! Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
Google Mapsのマーカーは便利であるが、あまりたくさんあるとクリックしにくいし、わけがわからなくなる。 そこで登場したのがMapeedだ。 このサイトで提供されているライブラリを利用すれば(JavaScriptのコードを入れるだけでいいっぽい)、密集しているマーカーを見やすくしてくれる。 一つ一つのマーカーを全部表示するのではなくて、ある程度まとめて色と数字でわかりやすく表示しちゃおう、というアイデアだ。なかなかナイスなのではなかろうか。 ちょっとしたことではあるが、これでぐっとデータの可視性が高まるだろう。データが膨大に存在するネットだからこそ、こうした「データを見やすくする」仕組みは重要ですな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く