Googleマップ用のクラスタ表示ライブラリ·Fluster MOONGIFT
FlusterはJavaScript製のオープンソース・ソフトウェア。データを表示する際には、ただ細かくするだけでは全体像がつかみづらい。時には幾つかのデータをまとめてグルーピングすることで表示をすっきりとさせ、全体の雰囲気をつかむ方が良い場合もある。 全体像を把握するのに使える Googleマップでも遠い地図の場合とズームインした場合の表示で表示項目を切り替えている。そうすることで細かすぎて分かりづらいということがなくなり、必要に応じてズームが使えるようになる。そしてGoogleマップ上で同様の仕組みをデータ表示に使えるのがFlusterだ。 FlusterはGoogleマップ上にクラスタリングされたデータ表示を行うライブラリで、周囲にあるデータをまとめつつ数字化する。デモはランダムな数字を配置しており、ズームするとグルーピングされていた数字が分割していく。 最終的にはマーカーに 最終的
[JavaScript] Google Maps API V3 でオリジナルのMarkerアイコンを追加してみた | しゃけログ
Google Maps API V3 で、地図上にオリジナルのMarkerアイコンを追加してみました。 Google公式のリファレンスを参考にしました。 Google Maps JavaScript API V3 リファレンス バージョン3はIE6 サポート対象外なのでお気をつけ下さい。 Markerアイコンを追加する 表示した地図にオリジナルのMarkerアイコンを追加してみました。 1. Mapクラスを生成 MapOptionsオブジェクトの設定して、Mapクラスの引数に指定します。 var op={ zoom:15, center:new google.maps.LatLng(35.507456,139.617585), mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.ge
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
Google Map Apiを試してみた(ついでにjQueryのプラグイン化)
先日、Google Mapを利用する機会があったのですが、最初は単に地図があればいいということだけだったようなので、Google MapのAPIとかを利用せずに、地図の右上にあるリンクの作成ででてくるiflameを表示させようと思っていた。 しかし、APIの利用方法ってどうだったかなー？なんて思ったので、以前利用したことがあったのですが、再度調べてみることに。 今はバージョンが３も出ているのですが、それは利用したことがなかったので、それの利用方法メモです。 Google Map APIの利用 バージョン３からはAPIキーが不要とのこと。利用が楽になってますね。 まずはMapを利用するためのライブラリの読み込み <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></scri
Google MapsとMySQLの連携
こんにちは、アシアルの中川です。 Google Mapsに表示する情報をMySQLのgeometry型で扱う方法を試してみました。 Google Mapsのある地点にマーカーを表示したりすることがある場合、 緯度・経度の情報で地点に表示させることができますが、 データベースにこの情報を保存する場合、lat(float), lng(float)とそれぞれカラムに保存する方法もあるのですが、この方法では各データの位置の関係が非常に扱いにくくなります。 Google Mapsで表示されている範囲内のデータのみ取得したい場合や、 ある地点から近い順に取得する場合などに面倒なことになります。 そこで、MySQL4.1以降で用意されている空間情報を扱う機能の「geometry」型を使用します。 「MySQL 4.1 リファレンスマニュアル :: 10 MySQL における空間情報の機能(日本語)」 「
Google Maps API for Flashを使ってみる
2008年５月１５日（JST）に Google 社より "Google Maps API for Flash"が発表された。 本ページでは開発環境のインストールからサンプルプログラムのコンパイル、Ｗｅｂページのオーサリングなどを解説する。 "Google Maps"は2005年２月にサービスが開始された、Ｗｅｂブラウザ上で動作する地図サービスである。ユーザーが地図をスクロールすると表示範囲が連続的に変化する点が画期的であった。 それ以前にもＷｅｂ地図サービスは存在していたが、表示範囲を変更するたびにページ遷移が必要となり、ページ全体を読み直す面倒があった。 Google Maps は非同期通信を用いる事で、ページ遷移に伴うストレスを劇的に低減した。ユーザーが表示範囲を移動すると自動的に新しい範囲の画像が取得されるため、ページの再読み込みなしに次々と表示範囲を変える事ができるようになっ
Google マップ API リファレンス - Google マップ API - Google Code
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 Billing & Pricing 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 API
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Maps Javascript API V3 AdSense Library - Google Maps JavaScript API V3 - Google Code