地図アプリの開発を爆速化する「Webマッピング」サービスの活用術を大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、地図上にデータをマッピングすることで、さまざまな情報を「見える化(可視化)」できるWebサービスの活用法についてご紹介しようと思います！ マッピングが出来るようになると、単なる「データの集まり」だったものが視覚的にとても分かりやすくなるので非常に便利です。 誰でも簡単に扱える定番のマッピングサービスから、地図アプリなどの開発に役立つモノまで取り上げてご紹介しようと思います。 ちなみに、マッピングをするのに必要な「データ」に関しては、無償で利用できるオープンデータをまとめたサイト「LinkData」に公開中のモノを利用しているので、みなさんもぜひ一緒にトライしてみてください！ ■「Googleマイマップ」を活用しよう！ まずは、誰でも扱いやすいGoogleの「マイマップ機能」を使って、簡単なマッピングに挑戦してみましょう！ データは、Li
Google Maps APIのおさらい。
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
Googleマップのビュー、ストリートビューを自作できる「constellations」
米Googleは12月9日（現地時間）、自分で撮影した360度パノラマ写真をGoogle Mapsにリンクさせ、独自のストリートビューを公開できるようにしたと発表した。 これは、同社が7月に立ち上げたパノラマ写真を公開するGoogleマップのコミュニティー「View（ビュー）」の新機能だ。 ビューではこれまで、Android 4.2以降搭載のパノラマ撮影機能「Photo Sphere」をサポートするスマートフォンやデジタル一眼レフカメラで撮影したジオタグ付きの写真から編集したパノラマ写真を公開できた。 新機能「constellation（星座という意味）」により、これらの写真をGoogle Mapsとリンクさせ、さらにそれらのリンクさせたポイント同士を星座のようにつなげることで、写真と写真の間を移動できるようになる。つまり、ポイントの間隔を狭めればストリートビューのように写真の中を移動でき
Google Maps API for Flash が廃止、3年でサポート打ち切り - てっく煮ブログ
GoogleMapsAPI, as3Google Desktop や Google Note などと同時に Google Maps API for Flash が廃止されることが発表されました。米Googleは2011年9月2日、数ヶ月内に終了する10サービスを公式ブログで発表した。(中略)終了するサービスは次の通り。Google Maps API for Flash：Google MapsをFlashアプリに埋め込むためのActionScript API。今後はJavaScript Maps API v3に。ASCII.jp：米Google「秋の大掃除」Google DesktopやSidewikiなど10サービスの終了を発表また、Google-Maps-API-Japan の Google グループ上に Google Geo Developper ブログの公式発表 の日本語訳が掲載され
Google Mapのデザインを変更する方法（StyledMapの使い方） - KAYAC engineers' blog
豚を丸焼きにするイベントで日焼けしました。ago（@kyo_ago）です。 すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。 その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。 StyledMapType Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。 色の変更方法 色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。 var styles = [ { // 色を変更する対象の指定（document参照） featureType: "road.local"
Google Maps をジオラマ風にしてみた - てっく煮ブログ
GoogleMapsAPI, asGoogle Maps をジオラマ写真風にすると印象が変わる、というアイディアが チルトシフトの新しい使い方 その2 に書いてあった。おもしろそうなのでリアルタイムに Google Maps をジオラマ風に表示するものを作ってみた。好きな場所を表示できるので、地球全体がジオラマにしてしまった。簡単な使い方：上部の検索欄に英語で入力して移動左のコントロールは Google Maps と同じShift+ドラッグで視点移動日本各地を巡ってみた東京駅前車がミニチュア風でかわいい。京都御所箱庭になりました。大阪駅前線路と高速道路とビル群。 どうぞご利用くださいあなたの街をジオラマ風に！ソースコードチルトシフトのエフェクトは「彩度をあげる」「周りをぼかす」「周りを暗くする」ことで実現している。ソースコードは以下に（map_1_20.swc、minimalcomps、T
地図とデータをデスクトップ上でマッピング·Maps on a Stick MOONGIFT
Maps on a StickはWebブラウザ上で地図データの表示、外部データの描画を行うソフトウェア。 [/s2If] Maps on a StickはWindows/Mac OSX用のオープンソース・ソフトウェア。地図というのは非常に魅力的なコンテンツだ。旅行やイベント情報、出張、引っ越しなど様々な場面で地図データが使われる。リアルに密着したデータだからこそ利用価値が大きいのだ。 そんな地図データに対して外部のデータをマッピングする際によく使われるのがGoogle Earthだろう。だがグラフィックス機能を充実させたためにかなり動作が重たい。そこで使ってみたいのがブラウザベースで使えるMaps on a Stickだ。 Maps on a Stickは名前の通り、解凍するだけですぐに使えるソフトウェアだ。実行するとWebサーバが立ち上がるので、Webブラウザからアクセスすれば良い。外部
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://lp.google-mkto.com/index.php/email/emailWebview?mkt_tok=3RkMMJWWfF9wsRoiva%2FNde%2FhmjTEU5z16e4lWKC%2BhZl41El3fuXBP2XqjvpVQcdqMrvNRw8FHZNpywVWM8TILtQYt8FtKAzgAG0%3D
逆引きGoogle Maps APIリファレンス ver 3
GPS携帯を使った口コミサイト構築 - PHPによるメールの受信処理 -
IDEA * IDEA