![Google Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebb87d77469fb5dae65acfa8ad99181b1852bd4c/height=288;version=1;width=512/http%3A%2F%2Finternet.watch.impress.co.jp%2Fimg%2Fiw%2Flist%2F1029%2F218%2F01.png)
数日前に、東名高速の迂回路の記事を書いたのですが(→万が一、また東名高速道路が通行止めになった時に静岡から埼玉まで7時間ぐらいで着く、一般道を中心に使う迂回路メモ)、この時にGoogleマップの共有に悪戦苦闘したので、こちらも自分メモも兼ねてシェアしておきます。なんか、古いGoogleマップでの使い方と新しいGoogleマップの使い方は結構違うんですよね(こちらの「新しい」は2014年2月現在のものです)。 ※画像が見えづらければ、クリックすると拡大画像が表示されます。 マイマップで地図を新規作成 Googleマップを表示させて左上のマイプレイスをクリックします。 現状は、従来のGoogleマップと新しいGoogleマップが混在しているようなので、もしこちらの新しいGoogleマップになっている人は右下の設定アイコンからマイプレイスを選択します。 マイプレイス→マイマップ→地図を作成を選択
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされた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
ferret編集部:2014年11月28日に公開された記事を再編集しています。 ホームページがどこからアクセスされているのか、知りたいと思う人も多いのではないでしょうか。今回はGoogleアナリティクスのアクセス地域データをGoogleマップに取り込む方法をご紹介します。 目次 1.GoogleマップにGoogleアナリティクスを表示するとは 2.こんな人にオススメ 3.Googleアナリティクスで出来ないの? 4.Googleマップにデータを取り込む方法 5.マップ利用の注意点 追記 2014/12/15 Googleドライブでの操作になる見込みです。 Google、カスタム地図の「マイマップ」をGoogleドライブに統合 - TechCrunch http://jp.techcrunch.com/2014/12/11/20141210google-brings-my-maps-cust
box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 Coveloping 便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。 これからもどんどん増えていくそうです。 その中から、いくつか紹介します。
Google Maps APIとTwitter APIを題材に、マッシュアップ作る具体的な手順を紹介する。Twitter APIに関する部分は関数showTweetsAround()にまとまっているから、この関数を別のものに置き換えることで、Twitter API以外のものとGoogle Maps APIのマッシュアップを作ることもできるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く