Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞り込めるようにしてみます。 サンプルコード ベースとなるコードはこちらの記事を参照ください。 まずはjsonファイルにカテゴリの項目を追加します。 { "data": [ { "name": "AKIBAカルチャーズZONE", "latlng": { "lat": 35.699519, "lng": 139.770388 }, "category": ["a","b"], "icon": "a" }, { "name": "秋葉原ガチャポン会館", "latlng": { "lat": 35.701861, "lng": 139.771220 }, "category": ["b"], "icon": "b" }, ～ 略 ～ { "name": "コミックとらのあな秋
Google Maps API の使い方 利用方法
Google Maps API の使い方・利用方法 Google Maps API を利用すると Google Maps を Web ページに表示させることができます。Google Maps API を使用するには APIキーが必要です。 APIキーの取得方法から各種 API を使った地図の表示、マーカー、情報ウィンドウの表示方法や設定、ジオコーディングやジオロケーション、ルートの表示、周辺検索などについて。 基本的な使い方から簡単な応用などの解説です。 関連ページ：WordPress ショートコードの作成/Googlemap を表示 API キーを使わずに（無料で） Google Maps を Web ページに表示する方法は以下を御覧ください。 New API キーなしでサイトに Google マップを表示（埋め込みコード） ※ このページでは、画像データを遅延読込するプラグインを使用し
1つの地図に複数のピン立て可能！マップ作成プラグイン「Leaflet Maps Marker 」 | ブログ | コーディング代行・外注サービスなら即日対応のくまweb
「初心者だけどWEBサイトに見やすい地図を載せたい」 「観光や旅行情報発信のため、カスタマイズして地図をつくりたい」 GoogleMAP等で作成した地図を掲載するWEBサイトがとても多くなりました。 以前はピン（＝マーカー）が立ってズームしたりエリアが動いたりする地図の作成にはJavascriptの知識が必要でしたが、今はWordPressで構築されたWEBサイトであればプラグインで簡単に地図が作れるようになりました。 この記事で使い方の解説するプラグイン「Leaflet Maps Marker」は、管理画面上で地図作成の全工程を済ませられます。また、1つの地図に複数のピンを立てることができ、ルートの紹介や観光地の紹介に便利な使い方ができます。 ピンをクリックすると吹き出しが出て、個別に登録した写真やコメント、問い合わせ先、ルート案内も出せます。すべての作業が管理画面上で済み、難しい技術も
Google マイマップを使って自分の地図でデータを視覚化する
要件 プログラミングに関する知識は不要です。 Google マイマップにログインするには Google アカウントが必要です。アカウントをお持ちでない場合は、こちらでご登録ください。 最初の手順 この演習では、データのインポート、地図のスタイルのカスタマイズ、地図の共有の方法について解説します。使用するデータセットは The MAPA Project と Shark Spotters からご提供いただいたもので、南アフリカのフォールス湾沿岸に配置されたシャーク スポッター（海でサメを監視する訓練を受けた人々）の位置情報のほか、ホホジロザメの目撃情報（2012 年 9 月 8 日から 2013 年 2 月 22 日までに報告されたもの）が含まれています。完成後の地図は上のように表示されます。 以下の 2 つのファイルをダウンロードして（これらのファイルはこのチュートリアルでサンプルのデータセ
GoogleマップのGIS機能でマイマップに世帯数を表示してみた
Googleマップには、ただ地図で場所を探す以外に、自分なりの情報を書き加えて地図を作れる「マイマップ」という便利な機能があります。ここで使われているのが「GIS 地理情報システム（Geographic Information System）」と呼ばれる仕組みです。地図をベースとして、その上にさまざまな情報を重ねて表示閲覧します。 最近、地域の世帯数マップを作る必要があったので、Googleマップのレイヤ（階層・画層）に重ねて、自分専用のマップを作ってみました。少し手間は掛かりますが、かなり高機能な地図ができたのでご紹介します。 実はここ数年、GIS専用システムのインストラクション業務で、九州各地の自治体で開催される操作研修に関わっています。自分のGoogleマップにGISレイヤを重ねてカスタマイズすることで、基礎からのおさらいにもなりました。 編集：2018年9月3日（月） 新しいレイア
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マップのストリートビューに過去の写真を閲覧可能な新機能が追加される
Gooleマップのストリートビューという機能を使えば、特定の場所の画像を閲覧できるだけでなく、周囲の風景やパノラマ写真を見ることができ、その場所に行ったような感覚を味わえます。そのストリートビューに最新の画像だけでなく、過去はどういう風景だったのかを振り返ることができる機能が追加されました。 Official Google Blog: Go back in time with Street View http://googleblog.blogspot.jp/2014/04/go-back-in-time-with-street-view.html ストリートビューの新機能がどういうものかは、下記のムービーから確認できます。 Go back in time with Street View - YouTube ストリートビューの新機能を使うには、ペグマン(人型のアイコン)をストリートビュー
Googleマップ上のマーカーをまとめてくれる「MarkerClusterer」
以前、google Maps上にマーカー(と吹き出し)を表示するサンプルを作成しましたが(記事)、密集していると見づらい場合がありますよね。そこで、MarkerClustererという密集したマーカーを件数をカウントしてまとめてくれるライブラリを使用してみました。 ダウンロード ライブラリは、ここにあります。[markerclusterer_compiled.js] スクリプト <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="markerclusterer_compiled.js"></script> Googleマップ用のライブラリとmarkerclustererのライブラリを
endo blog: ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」を使ってみる
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」で知った、gmaps.jsを使ってみます。 まずここで、ダウンロードします。ソースコードをコピペしてgmaps.jsを作成しました。ところで、google map APIはあまり使ったことがないので、とりあえずそもそもの使い方を確認しよう。 Google Maps APIのそもそもの使い方 GoogleマップのAPIは正式には今はGoogle Maps JavaScript API V3というらしい。これのチュートリアルを見ながらそもそもの使い方を大体覚えたい。チュートリアルにあるHTMLコードをコピペ（コピペした後で、titleを加えて、sensor=set_to_true_or_falseというところを、sensor=falseに変更して、スタイルは別ファイルで定義した。）したところ、地図が表示された。どうもid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリックして表示する情報ウィンドウに多くの情報を表示する｜Google Maps API v3
無理ゲーすぎるw自分が地球のどこに飛ばされたのかを当てるゲーム「GeoGuessr」がヤバい
Google、Google MapsとGoogle Earthから雲を消去 ～全世界が継ぎ目のない晴れた世界に
Kreuzberg - エリア - Berlin | Airbnb®