Google Map APIに動的にテキストを配置する方法を見つけた！！ | FH_BLOG | 東京のホームページ制作・Web制作会社 フライング・ハイ・ワークス
私たちは、不動産系のサイトや会社の所在地を表示する際などに、よくGoogle Map APIを利用しています。 大体は、赤いピンをたて、必要であれば、コメントを吹き出しに入れる程度です。 しかし、地図上に直接テキストを表示する、となると、案外見つけにくかったので、ここで紹介したいと思います。 弊社で制作を担当している不動産サイトでのことなんですが、日々、物件数の増減をエリアごとに地図上に表示させたいという課題がありました。 簡単にできると思っていたのですが、Googleで検索してみても、なかなか思うような結果が得られません。 やりたいことは、Google Map上にテキストで数字を表示したいだけなんです。 しかし、吹き出しに入れる方法はあっても、地図上に直接テキストを表示する方法は出てきません。 少し可能性を感じた方法では、ピン画像のかわりにテキストを画像化して読み込むという方法でした。
Google Mapを大縮尺で広範囲に印刷する方法（その1）
Google Mapを印刷して使いたいということはかなりの人が経験していると思います。 その時に問題になるのが、表示されている範囲でしか印刷できないこと。縮尺を小さくすれば広範囲を表示できますが、それだと役に立たない。 必要な縮尺のGoogle Mapをもっと広い範囲で印刷したい、という希望をかなえましょう（笑）。 やり方はいくつかあるのですが、今日はオーソドックスで簡単な方法です。 Google Mapの画面を必要な範囲だけスクリーンキャプチャしていき、後で合成して、一枚の地図にします。 原理はこの通りなのですが、やり方は、これまたたくさんある。 とりあえず、手っ取り早くできる方法を紹介します。管理人が最も使う方法です。 地図をキャプチャする Google Mapの表示画面をキャブャします。Firefoxをお使いなら、アドオンの「Awesome Screen Shot」や「Pearl C
Google Maps APIが新しくなる！Google Maps Platformの料金体系と必要な設定変更 | mariweb
Google Maps Platformとは？ Googleは、6月11日からGoogleマップのサービスを大幅に刷新し、新しくGoogle Maps Platformとしてスタートすると発表しました。 大きく変わる点は以下の2点です。 Google Maps APIを3つに統合使用量に応じた料金体系に統一（ただし月200ドル分は無料） Google Maps APIを3つに統合 新しいGoogle Maps PlatformはこれまでのGoogle Maps APIよりも単純化され、ユーザーにとってより分かりやすいようになるようです。 これまでのGoogle Maps APIは18種類に分かれていましたが、3種類（Maps、Routes、Places）に統合されます。ただし、既存のコードを変更する必要はなく、そのままで動きます。 使用量に応じた料金体系に統一（ただし月200ドル分は無料）
ジオコーディング - マッピィ Google Maps API JavaScriptの使い方 -
addressプロパティには、検索する住所文字列を指定します。 住所に日本語を指定できるようにするには、languageプロパティに「ja」を指定します。 その他、国コード（regionプロパティ）、検索範囲（bounds）などを指定可能です。 注: Geocoding API は Google マップと組み合わせて使用する場合にのみ使用できます。地図に表示せずにジオコーディングの結果のみを利用することは禁止されています。 //ジオコードオブジェクト var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': '住所文字列', 'region': 'jp' }, function(results, status){ if(status==google.maps.GeocoderStatus.OK){ /
GoogleマップのMarkerClustererをフォトログに導入してみた – Simple Colors
フォトログで表示しているGoogleマップでは、表示している写真の撮影場所だけを表示して、他の写真のマーカーは載せてプロットしていませんでした。 これは、撮影場所が近いとマーカーが重なりゴチャゴチャになってしまうのがイヤだったからなのですが、先日コミュニティコムの @khoshino さんに、近い場所に複数のマーカーがある場合、まとめて表示してくれる MarkerClusterer の存在を教えていただいたので、早速導入してみることにしました。 まずは、get_postsを使って、緯度経度入力のある投稿を全件取得。 $photos = get_posts( 'posts_per_page=-1&meta_key=lat,lng' ); これを foreach でループさせて、複数のマーカーをプロットすると、当然ながら画像のように重なって表示されてしまいます。 マーカーがダブって見にくいし、
Google Maps APIとPicasaウェブアルバムのマッシュアップ
Google Maps APIブログの「Geotagged Picasa JSON/KML Output + Driving Directions = Instant Scenic Tours!」にあるPicasaウェブアルバムとのマッシュアップ（だけ）を早速試してみた。 →サンプル 公式のサンプルページでは、GDirectionや、toggle機能を備え付けているので一見すると、ちょっと複雑なコードなのだが、写真を貼り付けるだけならKMLファイルをオーバーレイするだけなので、実はものすごく単純な処理。 var albumKML = "http://picasaweb.google.com/data/feed/base/user/kadajp/ albumid/5078431287074407041?kind=photo&alt=kml"; geoxml = new GGeoXml(alb
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
Google Maps API を使って、地図のカラーバリエーションを楽しもう。
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
マップタイプ | Maps JavaScript API | Google for Developers
フィードバックを送信 マップタイプ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このドキュメントは、Maps JavaScript API を使用して表示できる地図の種類について説明します。この API は、MapType オブジェクトを使用してこれらの地図に関する情報を保持します。MapType は、地図タイルの表示と使用、またスクリーン座標から地図上のワールド座標への座標系の変換を定義するインターフェースです。各 MapType は、タイルの取得と解放を処理するためのメソッド、およびその視覚動作を定義するプロパティをいくつか含んでいる必要があります。 Maps JavaScript API にあるマップタイプの内部動作は高度なトピックです。多くのデベロッパーにとっては、以下に説明する基本のマップタイプを使用すれば十分です。一方、スタイル付き地図を使
Google Maps Javascript API V3 Examples - Google Maps JavaScript API V3 - Google Code
Google Maps API Premier Same great maps plus a SLA, support, and control over ads Google Maps Javascript API V3 Examples All of the examples contained in the Google Maps API documentation set are listed below for quick reference. Basics map-simple.html Events event-simple.html event-closure.html event-arguments.html event-properties.html Controls control-disableUI.html control-simple.html control-
「TOKYO ART LIFE」のGoogle Maps API V3対応 - Life with IT
2009/06/05 「TOKYO ART LIFE」(閉鎖しました)で使用しているGoogle Maps APIのバージョンをV3に変更しました。 V2からV3への主な変更点は以下のとおりです。 APIキーが不要になった V2 <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=<APIキー>"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor={true|false}"></script> GPSなどの位置情報検知センサーがあるデバイスではsensor=をtrueに、それ以外(PCなど)ではfalseを指定する。 マップの描画方法が簡略化
Google Maps API Tutorial
Google Earth Icons The Google Earth icons are now available on the Google Maps server (so that Google Maps can render KML files that use them). There are four folders of icons http://maps.google.com/mapfiles/kml/pal2/ http://maps.google.com/mapfiles/kml/pal3/ http://maps.google.com/mapfiles/kml/pal4/ http://maps.google.com/mapfiles/kml/pal5/ Each of the folders contains 64 icons (some of which are
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps PlatformのAPIキーの取得・発行について - 株式会社ゼンリンデータコム
Map Icons Collection - 1000+ free & customizable icons for maps
http://mapdb.willnet.ad.jp/
Google Maps のパラメータ
https://jp.techcrunch.com/2011/04/19/20110419googles-map-maker-now-lets-you-edit-google-maps-in-the-united-states/
http://googlemaps.googlermania.com/google_maps_api_v3/3-3.html
Google Code Archive - Long-term storage for Google Code Project Hosting.
http://gmaps-samples-v3.googlecode.com/svn/trunk/localsearch/places.html