JavaScriptでGoogleカレンダーのデフォルト表示月を動的にする方法 （１ - ちょこっとIっTぇみる
こんにちは。 今日は うちの会社のスクールの空きスケジュールを googleカレンダーを使って公開するときに 「今月もう終わるのに今月のカレンダーの予定が出てても意味ないなー、来月の予定を表示したいなー」 現在日付が月の末日近く 例）20日 になったら、翌月のカレンダーを表示したい。 ってことで、まず 公開するgoogleカレンダー側で表示範囲を指定する方法を調べると。 Googleカレンダーで月を指定して埋め込み に iframe srcパラメータに &dates=表示範囲from（yyyymmdd）/ 表示範囲to （yyyymmdd） 例）&dates=20120501/201205/31 ⇒ 2012/5/1 ～ 2012/5/31 の期間を表示する。 見たいな感じでいけるらしい。 で、表示するカレンダーは月単位なので、 律儀にtoを月末にしなくとも、fromより新しい日であれば
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
Google Maps APIのおさらい。
Webサイトで地図を表示するのに便利なGoogle マップ。Googleが提供しているGoogle Maps APIを使って、地図を設置する方法から、マーカーを置いたり、道のりを表示したり、地図の色を変えたりするためのコードをまとめました。※Google Maps APIの中でも、ここではGoogle Maps JavaScript API v3を使ったサンプルを掲載します。 以下は目次です。クリックするとその項目へ移動します。 Google マップを設置する。 いちばん簡単なGoogle マップ ジオコーディングなGoogle マップ Google マップの読み込み方 場所を示す。 マーカーを置く アイコンを置く 吹き出しを出す 道のりを表示する。 ポリラインで描画する Directions Serviceを利用する 見た目をカスタマイズする。 コントロールのカスタマイズ デザインのカス
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
Webページ内で地図が表示される位置と地図のサイズ | Google Maps JavaScript API入門
Webページ内でどの位置に地図を表示するのかを設定する方法と表示される地図のサイズを設定する方法について解説します。 1.地図が表示される位置とサイズ 3.サンプルコード 4.PCとスマホでサイズを変更するサンプル 地図が表示される位置とサイズ Google Maps APIを使ってWebページ内の任意の位置に地図を表示するには、地図を表示したい位置にdiv要素を記述しておきます。そしてWebページが読み込まれた後に実行されるスクリプトを使ってdiv要素のコンテンツを地図に置き換えることで地図を表示します。 また地図のサイズはdiv要素のサイズで設定します。style属性を使って次のように指定します。 <body> <p>目的地までの地図はこちらです。</p> <div id="map" style="width:500px; height:300px"></div> <p>地図をみても分
海外旅行で便利：iPhoneの「Google Maps」アプリでオフライン用に地図をキャッシュする方法
iOS向けの『Google Maps 』で、オフライン用に地図データを保存しておく方法があるそうです。 地図アプリには元々データをキャッシュしておく機能がありますが、一度も表示していない画面のデータは保存されいないためズームやスクロールができず、電波の入らない場所ではあまり使い物になりません。 しかしながら、ちょっとした「コマンド」を使うだけで、明示的に地図データをオフライン用に保存することができます。(残念ながら現時点では国内で使えず、故にタイトルどおり海外限定となります) 「Google Maps」でオフライン用に地図をキャッシュする方法 1. まずはズームなどで保存したい範囲が画面に収まるように調整します。あまり範囲が広いとエラーとなるので注意しましょう。 2. 検索窓に「OK MAPS」(大文字・小文字ともに使えます)と入力。 すると、データのダウンロードが始まり、アイコンのアニメ
GoogleマップとiPhoneの連携で、どこでもマイプレイスを利用する方法。HAYAさんオススメ鎌倉デートをプランニングしてみる。
ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka 【読了時間：約６分】 つい先日、シンプリストことHAYAさんが鎌倉のオススメデートコースを紹介されていました。 鎌倉はほとんどデートしたことないので、このプランはいいなぁと感激。 そこで、このデートプランを現実のものとするために、Googleマップを利用して各スポットを登録した地図を作成。そして、それをiPhoneで利用する準備を進めてみました。 世の男性方！最高のデートプランを実現しようじゃないですか！ ▼今回参考にしたイナセなデートプランはコチラからどうぞ♪ ■全体の流れ 概要はこうです。 まず、パソコンを使ってGoogleマップのマイプレイス
GoogleマップのマイマップとiPhoneマップを同期する方法 - yoichi_yamamotoの日記
デスクトップのGoogleマップで同期したいマップにチェックを入れて表示します。 マップ右上の「Google Earthで表示」のリンクurlをコピー（右クリック）して、 Macのアドレスブックで新しいカードを作り、適当な名前をつけて、住所欄の「国」のところにこのurlを貼付けます。 iPhoneと同期します。 iPhoneマップの検索窓のブックマーク>連絡先で、いま同期したカードを選んであげると、Googleマップで作ったピンが落ちてきます（iPhoneマップがkmlを読み込んでいるようです）。 以後、デスクトップのGoogleマップで追加したピンも、数分後にはiPhoneマップでリロードすると同期されます。 リスト表示で項目から目的地を選ぶこともできます。 必要なマイマップの数だけアドレスブックのカードを作ればいいので、自由にマイマップを同期できることになります。 アドレスブックで「国
GoogleマイマップをiPhoneマップで見る方法
※2011/4/27現在 以下の方法は利用できません。ウェブ版のGoogleマップを使うとマイマップにアクセスできます。詳しくは以下の記事をどうぞ。 新・GoogleマイマップをiPhoneで見る方法: おとうさんのつれづれLifehack（ライフハック） これまで行ったお気に入りのお店とか、今度のおでかけで巡りたいスポットとか、Googleマイマップに自分のマップを作っておくと便利ですよね。そんなマイマップをiPhoneで見るにはMy Mapsです。 便利なGoogleマイマップをiPhoneでも使いたいならMy Maps グーグルとアップルの仲の悪さだからなのか、対応しても良さそうなマイマップの機能がiPhone／iPod touchでは使えません。 ググッてみるとこんな方法がスタンダード。 Going My Way: Google Maps の マイマップを iPhone から利用す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flatis
新しいGoogleマップをレスポンシブ対応で埋め込む方法 | ライフハッカー・ジャパン