読み込みでは「&callback=initMap」でのコールバック関数は指定しません。言う関数を作成して表示します。この関数の引数は以下の通りです。記述されていればリンクとして表示しますzoom:ズームレベル7行目~58行目が関数の定義部分です。60行目~91行目までがクリックイベントの設定です。false」はリンクのデフォルトの動作を無効にする(クリックするとリンク先へ移動するのを防ぐ)ための記述です。defer」は指定しない。APIキーで置き換えます。API(ジオコーディング)を使う場合ジオコーディングを使うと住所から緯度・経度を取得できます。以下は前述の例をジオコーディングを使って書き換えたものです。ジオコーディングを使うと処理が重くなります。2つを利用することになります。何らかの問題があると、位置を取得できない可能性があるので、前述の例の方が確実な方法と言えます。こちらの利点は場所の情報を記載する際に、緯度・経度を取得して記述する必要がないという点です。緯度・経度を記述する要素がない以外は、前述の例とほぼ同じです。7行目~68行目が、地図を表示する関数の定義です。70行目~103行目がクリックイベントの設定です。ジオコーディングを使っている以外は、前述の例とほぼ同じです。defer」は指定しない。APIキーで置き換えます。alert("住所から位置の取得ができませんでした。</script>スパム対策ウェブ上にメールアドレスを掲載すると、スパム(迷惑)メールが届くようになることがあります。以下はメールアドレス収集プログラムに収集されるのを防止する方法の1つの例です。属性値に「mailto:」から始まる文字列を記述してメールアドレス用のリンクを作ることができます。追加して以下のように記述します。href="mailto:info@example.com?subject=お問い合わせ">info@example.com</a>info@example.com更に本文(body)も追加するには、以下のように記述します。href="mailto:info@example.com?subject=件名&amp;body=本文">info@example.com</a>info@example.com以下のような書式になっています。使用します)また、表示する文字をメールアドレス以外にする場合は以下のように記述できます。属性に「mailto:」を記述していることからメールアドレスであることがわかってしまい、メールアドレス収集プログラムに簡単に収集されてしまいます。ソースに直接メールアドレスは含まれないので、(自動収集プログラムが、単にファイルの中身を読むだけであれば)自動収集をある程度防ぐことができます。以下は、件名や本文を含まない単純なメールリンクを生成する例です。記述の方法を決めておく必要がるので、以下のようなルールにします。略)とすることとします(任意の値でかまいません)。メールアドレスの「@」を半角英字のカンマ「,」に換えて記述します。class="nsm">info,example.com</span>info,example.com以下は、JavaScript(jQuery)を使ってメールリンクを生成する記述例です。以下のスクリプトは外部ファイルとして保存して、読み込むようにします。メソッドは、指定された区切り文字(分割文字)で文字列を分割します。メソッドは、文字列の前後の空白を取り除きます。利用して以下のようにします。表題(subject)付きや表示する文字をメールアドレス以外にする場合に対応させる方法です。記述の方法を以下のように決めておきます。略)とすることとします(任意の値でかまいません)。メールアドレスの「@」を半角英字のカンマ「,」に換えて記述します。表題(subject)と表示する文字もそれぞれカンマ「,」で区切って表題、表示する文字の順番で記述します。以下のように記述するようにします。カスタマーサービス表題が不要な場合はその部分を空にしておきます。カスタマーサービス表示する文字と表題も不要な場合はメールアドレス部分をカンマで区切って記述します。example.com以下がスクリプトの記述例です。同じページにメールアドレスが複数必要な場合にも対応しています。要素内の文字列を分割文字で分割して、それらの文字列の配列を変数に代入しています。メソッドを使って、配列の要素(分割された文字列)の前後の空白を削除しています。アドレス部分と表題部分になります。アドレス部分を代入しておきます。その文字列が入っているはずです。表題の文字列を追加します。17行目:表示する文字(nsm_strings[3])が指定されていれば、それを表示するようにしています。21行目:表示する文字(nsm_strings[3])が指定されていなければ、メールアドレスを表示します。以下は、クリッカブル・マップを使ってメールを送信する場合の例です。値に「#」を付けて指定します。'@'));スムーズスクロールページ内リンクへプラグインを使わずにアニメーションで移動するスムーズスクロールの設定方法です。それ以外)により異なります。値にはトップからの距離を数値(ピクセル。付けない)で指定します。以下のように両方を指定して全てのブラウザに対応することができますが、単純なスクロールだけなら問題はないですが、両方指定するとコールバックを指定している場合など、コールバックが2回呼ばれてしまうという副作用があります。使えなくなっているため、「使用したい機能が機能するか」で判定する必要があります。判定するには、以下のように実際にどちらの要素でスクロールするかを調べます。要素がスクロールしているかどうかの真偽値が格納されています。要素に対して実行します。要素を使用するように設定しています。等が返る可能性がある値を二重否定を行うことで真偽値(Boolean)として取得するイディオムのようなものです。属性の値が「#」の場合、ページトップへアニメーションで移動するようにするには、以下のように記述します。引用符で囲む必要があります。[href^=#]」のようなエラーが発生します。メソッドを使って除外するようにします。使ってデフォルトの動作をキャンセルしようとしても、できなくなってしまいます。いうクラスを持つ要素を除外する場合の例です。属性へのリンクへの移動もアニメーションさせるようにします。ような場合にも対応するには以下のようにします。});「先頭へ」というリンクを表示ある程度スクロールすると「先頭へ」というリンクを表示させて、そのリンクをクリックするとページ先頭にアニメーションで移動させるには、以下のようにします。});フッターなどの最後の要素の後に「先頭へ」というリンク(クラス名:”tothetop”)を追加します。topBtn.hide();スクロールの値(以下の例では500px)に応じてリンクをアニメーションで表示・非表示にします。その後に前述のアニメーションでの移動に関する記述をします。「先頭へ」というリンクには、後でスタイルを指定しやすいようにクラスを付与しておきます(この例ではクラス名:”tothetop”)。使って追加しても同じです。メソッドのパラメータにミリ秒で指定していますが、移動する距離に応じてスピードを調整したり、ページ内リンクへの移動の場合は環境によっては位置を調整する必要があるかも知れません。そのような場合は、以下のようにして調整することができます。以下の例では、スピードの調整で移動距離を30で割っていますが、この値はそれぞれの環境に合わせて調整してください。位置の調整では、その要素のポジションより少し上にスクロールするようにすると良いと思います。これも環境に合わせて調整してください。fixed;」は必須です。#a2a2a2;}最終的なスクリプトは以下のようになります。});ページ外へのリンクページ内リンクではなく、外部からページのアンカー(#)へアクセスがあった場合にスムーズスクロールする方法です。プロパティで取得できます。アニメーションを実行します。処理などに影響されて期待した位置にスクロールされない可能性があります。処理の後にしてみると良いかも知れません。ドロップダウンメニュードロップダウンメニューのサンプルです。基本的なドロップダウンメニューサブメニューの1階層目までの表示に対応した基本的なドロップダウンメニューです。