AOK's JavaScript Sample
動作確認: ○Firefox28(WinXP) ○Chrome34(WinXP)
Last Update: Dec.21,2015

■ HTML の属性から地図を作る(V3)

マーカーをひとつだけ表示するという条件で、div の属性に以下の指定を加えるだけで、Google マップを表示するスクリプトを書いてみました。

div の属性 指定する値
class googlemaps と指定します(必須)
latlng 緯度と経度をカンマ(,)でつないだものか、または、Google マップが検索可能な住所を指定します(必須)
zoom ズームレベルを指定します(任意)。デフォルトは14。

たとえば、以下のように指定します。

<div class="googlemaps" latlng="35.700749,139.771861" 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 のマップがないとか文句を言わないで下さい(笑)。

■ ソース(use gmlib.base.js

 

戻る Copyright (c) 2011, 2014, 2015 AOK. All Rights Reserved.