質問編集履歴

2

具体的な問題点を追加

2019/11/16 14:45

投稿

ryo12su29kel
ryo12su29kel

スコア26

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
1
  Japan Map プラグインにposition: relativeを適用するとクリッカブル領域が狂います。
2
2
 
3
- 現在jqueryのJapan Mapというプラグインを使ってWEBページにクリッカブルな日本地図を表示させようとしているのですが、canvasをdivで囲いposition: relativeとmargin: 0 autoを使って画面の中央に地図を表示するとちゃんた県の位置や地域の位置でクリックできなくなってしまいます。おそらくクリッカブルの座標だけ移動してくれずに左端に残っているのだと思います。
3
+ 現在jqueryのJapan Mapというプラグインを使ってWEBページにクリッカブルな日本地図を表示させようとしているのですが、親要素のdivでposition: relativeを使って地図(canvas)動かして表示しようとすると(地域県の二段階層にするめ)適性の県の位置や地域の位置でクリックできなくなってしまいます。
4
+
5
+ 画面の一番上の左端(この要素以外なにも存在しないとき)のときは親要素をposition: relativeにしても適性の場所でクリックができるので親要素をposition: relativeにするとクリッカブル座標はスクリーンの左上に固定になると思われます。
4
6
 
5
7
  ```html
6
8
 

1

具体的な問題点を追加

2019/11/16 14:45

投稿

ryo12su29kel
ryo12su29kel

スコア26

test CHANGED
@@ -1 +1 @@
1
- Japan Map プラグインクリッカブルの座標を移動させたい
1
+ Japan Map プラグインにposition: relativeを適用させてクリッカブルの座標を移動させたい
test CHANGED
@@ -1,3 +1,5 @@
1
+ Japan Map プラグインにposition: relativeを適用するとクリッカブル領域が狂います。
2
+
1
3
  現在jqueryのJapan Mapというプラグインを使ってWEBページにクリッカブルな日本地図を表示させようとしているのですが、canvasをdivで囲いposition: relativeとmargin: 0 autoを使って画面の中央に地図を表示するとちゃんとした県の位置や地域の位置でクリックできなくなってしまいます。おそらくクリッカブルの座標だけ移動してくれずに左端に残っているのだと思います。
2
4
 
3
5
  ```html