Google Mapsを表示するコンテナのclassをgmapとしてください。
マーカーと中心点が同じ場合はマーカーを指定する必要はありません。
複数のマーカーを設置したい場合はclassをgmakerとして配置してください。
あとgmapクラスを指定したコンテナには必ずユニークなIDを設定してね。
| 属性 | 備考 | 省略時の値 |
| data-width | 横幅(px) | 640 |
|---|---|---|
| data-mobile-width | スマートフォン時の横幅(px) | data-widthの指定値 |
| data-height | 高さ(px) | 320 |
| data-mobile-height | スマートフォン時の高さ(px) | data-heightの指定値 |
| data-zoom | 縮尺 | 13 |
| data-title | マーカーのタイトル gmakerが設定されている場合は無視されます。 |
Map |
| data-lat | 緯度 | 省略不可 gmakerを配置する場合は省略可。gmakerの平均値が指定されます。 |
| data-lng | 経度 | 省略不可 gmakerを配置する場合は省略可。gmakerの平均値が指定されます。 |
| data-type | マップタイプ |
ROADMAP ROADMAP は、通常の表示で、2DのGoogle Mapsを表示します。 SATELLITE は、鮮明な航空写真のタイルを表示します。 HYBRID は、鮮明な航空写真のタイルに、有名な地物(道路や街の名前など）重ねて表示します。 TERRAIN は、山や川などの地形的特徴を持つ地図を表示します。 |
| data-window | 情報ウィンドウの初期表示 | 省略時は非表示 |
| data-multiwindow | 多重窓の許可 | 省略時はfalse |
| 属性 | 備考 | 省略時の値 |
| data-title | マーカーのタイトル | Map |
|---|---|---|
| data-lat | 緯度 | 省略不可 |
| data-lng | 経度 | 省略不可 |
| data-icon | マーカーアイコン | 省略時は標準のマーカー |
| data-window | 情報ウィンドウの初期表示 | 省略時は非表示 |
全部の属性指定を省略したパターン
すべての属性を指定したパターン
札幌の数少ないランドマーク
『さっぽろテレビ塔』ですよ。
マーカーを複数配置した場合
南蛮揚げがオススメの洋食屋さん。オムライスとか超うまいっす！！
なにを食べるか困ったときはココ！！
お気に入りは塩からあげ弁当と肉野菜炒め弁当だね！
食べログで上位をキープするラーメン屋さん。綱取味噌ラーメンはスパイシーでとってもデリシャス！！分厚いチャーシューもグッド！！
メニューは醤油ラーメンと餃子のみという渋いラーメン屋さん。
ラーメン、餃子、ライスの夢のコラボレーションはあなたを夢の世界へ誘います！
マーカーを複数日本の領土に配置した場合
日本の領土。
日本の領土。
日本の領土。
日本の領土。
日本の領土。
日本の領土。
マップの外側からマップをコントロールする際に利用してください。
zoom調整なしの場合