こんにちは。Google マップのエンジニアリングを担当している池嶋です。今日は、Google Maps API を使って、地図の色を自由に変えられる裏技を紹介したいと思います。 まず、この地図を見てください。 通常の Google マップのように見えますが、全体の色が薄く、赤く色がついている場所があります。赤く色をつけたのは、Google マップのデータベースに「学校」と指定されている場所です。この地図を見ると、たくさんの学校がある事がわかります。 この地図は、特別に作ったデータではなく、先日 Google I/O でも紹介された、Google Maps API で色を変えられる機能を使って作りました。この機能を使うと、自由にカスタマイズした地図を作る事ができます。 例えば、大都市における鉄道や高速道路の分布を地図の上で見る事ができます。
Google では、Google マップの航空写真や、Google Earth を通じて、臨場感のある地図を提供してきました。中でも、Google Earth デスクトップ版は、これまでに世界で 6 億人以上の方に利用され、様々に活用されています。そして、この度、Google マップ上で Google Earth が見られる新機能 「Earth ビュー」 を発表いたします。 Google Earth では、衛星写真の地図を3D で見ることができます。例えば、世界最高峰の山々や海底の奥深くを様々なアングルで“探検”することができます。 これまで、Google マップでは航空写真を提供していましたが、なかなか2D では表現できなかった臨場感をEarth ビューでは体験できるようになります。たとえば、3D で再現された街やビル、山脈の起伏や海底までリアルな迫力で見られるだけでなく、 さらに、上下
Google Maps API PremierMaps API ã®æ©è½ã«å ãããã¸ãã¹åãã®ãµãã¼ããæä¾ãããåºåã管çã§ãã¾ãã Google Maps API ã®ä¾ ããã«åç §ã§ããããã«ãGoogle Maps API ããã¥ã¡ã³ã ã»ããå ã«å«ã¾ããä¾ããã¹ã¦ä»¥ä¸ã«ä¸è¦§è¡¨ç¤ºãã¦ãã¾ãã å°å³ã®ä¾ map-simple.html map-markers.html map-animate.html map-infowindow.html ã¤ã
2008/03 : /maps?file=api を書き換えるための正規表現のパターンを微調整しました。 2008/05/15 : 通りすがりさんの報告を受けて、正規表現のパターンをさらに微調整しました。 2008/07/25 : Google 側のコードに変更があったようで、機能しなくなったので、 正規表現のパターンを緩めに調整しました。 2009/07/19 : kobuchi さんの報告を受けて、修正しました。 Google 側のコードの変更により /maps?file=api だけではなく、そこから先で動的にロードされる JS ファイルの内部も書き換えることが必要になったので、そのように変更しました。 Google Maps API は HTTPS では提供されていないらしい。 (Google Analytics には HTTPS 版もある。というのは先日知りました。) しかし、H
では順に確認していきます。 今回使用するアイコンの画像として下記のものを用意しました。 アイコンと影の画像のサイズは異なっていても構いません。表示される時には2つの画像を左上で合わせて表示されます。 アイコンと影の画像ファイルをimageプロパティとshadowプロパティの値に指定します。 var markerIcon = new GIcon(); markerIcon.image = "./img/marker.png"; markerIcon.shadow = "./img/shadow.png"; またアイコンと影の画像のサイズをiconSizeプロパティとshadowSizeプロパティの値に指定します。サイズの指定はGSizeクラスのオブジェクトで指定します。GSizeクラスはwidthプロパティとheightプロパティの2つの値を保持するクラスで次のように指定します。 var m
MySQL4.1以降で空間情報を扱う機能が使えるけど、指定した緯度経度から半径nメートル以内の検索が出来ないのが難点です。 かなり大雑把なやり方で半径nメートル検索のやり方を考えてみました。 まず最初に緯度経度の情報を持ったテーブルを作成。 CREATE TABLE `geotable` ( `id` INT(10) NOT NULL AUTO_INCREMENT PRIMARY KEY , `name` VARCHAR(255) NOT NULL, `geom` POINT NOT NULL, SPATIAL INDEX(geom) ) ENGINE = MYISAM ; 続いてデータを挿入。 INSERT INTO `geotable` (`name`, `geom`) VALUES ('上野駅', GeomFromText('POINT(139.777254 35.713768)')
Google Loader Migration Guide Place Field Migration (open_now, utc_offset) Upgrading from v2 to v3 Get Started Get Started with Google Maps Platform API Picker ★ Pricing & Billing Security & Compliance Reporting & Monitoring FAQ Support and Resources Customer Care Incident Management Maps Maps JavaScript API Maps SDK for Android Maps SDK for iOS Google Maps for Flutter Maps Embed API Maps Static A
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く