OpenStreetMapを表示するコンテナのclassをosmapとしてください。
マーカーと中心点が同じ場合はマーカーを指定する必要はありません。
複数のマーカーを設置したい場合はclassをosmakerとして配置してください。
あとosmapクラスを指定したコンテナには必ずユニークなIDを設定してね。
属性 | 備考 | 省略時の値 |
data-zoom | 縮尺 | 13 |
---|---|---|
data-title | マーカーのタイトル osmakerが設定されている場合は無視されます。 |
Map |
data-lat | 緯度 | 省略不可 osmakerを配置する場合は省略可。osmakerの平均値が指定されます。 |
data-lng | 経度 | 省略不可 osmakerを配置する場合は省略可。osmakerの平均値が指定されます。 |
data-window | 情報ウィンドウの初期表示 | 省略時は非表示 |
属性 | 備考 | 省略時の値 |
data-title | マーカーのタイトル | Map |
---|---|---|
data-lat | 緯度 | 省略不可 |
data-lng | 経度 | 省略不可 |
data-icon | マーカーアイコン | 省略時は標準のマーカー |
data-icon-width | マーカーアイコンの横幅 | data-icon指定時は必須 |
data-icon-height | マーカーアイコンの高さ | data-icon指定時は必須 |
data-window | 情報ウィンドウの初期表示 | 省略時は非表示 |
全部の属性指定を省略したパターン
すべての属性を指定したパターン
札幌の数少ないランドマーク
『さっぽろテレビ塔』ですよ。
マーカーを複数配置した場合
南蛮揚げがオススメの洋食屋さん。オムライスとか超うまいっす!!
なにを食べるか困ったときはココ!!
お気に入りは塩からあげ弁当と肉野菜炒め弁当だね!
食べログで上位をキープするラーメン屋さん。綱取味噌ラーメンはスパイシーでとってもデリシャス!!分厚いチャーシューもグッド!!
メニューは醤油ラーメンと餃子のみという渋いラーメン屋さん。
ラーメン、餃子、ライスの夢のコラボレーションはあなたを夢の世界へ誘います!
マーカーを複数日本の領土に配置した場合
日本の領土。
日本の領土。
日本の領土。
日本の領土。
日本の領土。
日本の領土。
マップの外側からマップをコントロールする際に利用してください。
zoom調整なしの場合