マーカーをひとつだけ表示するという条件で、div の属性に以下の指定を加えるだけで、地図を表示するスクリプトを書いてみました。
| div の属性 | 指定する値 |
|---|---|
| class | lmaps と指定します（必須）。 |
| data-latlng | 緯度と経度を javascript の配列として記述したもの（必須）。 |
| data-zoom | ズームレベルを指定します（任意）。デフォルトは14。 |
| data-title | ツールチップを指定します（任意）。 |
たとえば、以下のように指定します。
<div class="lmaps" data-latlng="[35.700753,139.771819]" data-zoom="18"></div> |
また、吹き出しに表示したいコンテンツがある場合は、マップを表示する div 内にそれぞれ記述して下さい。何もない場合には吹き出しは表示されません。
AKB48劇場 東京都千代田区外神田4-3-3 ドン・キホーテ秋葉原8F TEL 03-5298-8648 |
SKE48劇場 愛知県名古屋市中区錦3-24-4 SUNSHINE SAKAE 2F TEL 052-310-2207 |
NMB48 のマップがないとか文句を言わないで下さい（笑）。