質問編集履歴

7

修正

2020/03/14 01:26

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -2,38 +2,38 @@
2
2
 
3
3
 
4
4
 
5
+ leafletで表示させているマーカーでクリックするとポップアップが表示されます。
6
+
7
+ このマーカーはcanvasで描画していて、
8
+
9
+ サイズを動的に変更出来るようにしています。
10
+
11
+
12
+
13
+ サイズを動的に変更するとクリックイベントの範囲が実際の円よりも広い判定になってしまい、
14
+
15
+ 困っております。
16
+
17
+ マーカーをDOMで描画している場合サイズを変更しても問題ありません。
18
+
19
+ canvasで描画しながらマーカーサイズを変更してもイベントの判定を円の範囲内にしたいのですが、方法はありますでしょうか。
20
+
21
+
22
+
23
+ 以下コードを記載します。
24
+
25
+ そのままコピーペーストで動作します。
26
+
27
+
28
+
29
+ よろしくお願いいたします。
30
+
31
+
32
+
5
33
  leaflet: 1.6.0
6
34
 
7
35
 
8
36
 
9
- leafletで表示させているマーカーでクリックするとポップアップが表示されます。
10
-
11
- このマーカーはcanvasで描画していて、
12
-
13
- サイズを動的に変更出来るようにしています。
14
-
15
-
16
-
17
- サイズを動的に変更するとクリックイベントの範囲が実際の円よりも広い判定になってしまい、
18
-
19
- 困っております。
20
-
21
- マーカーをDOMで描画している場合サイズを変更しても問題ありません。
22
-
23
- canvasで描画しながらマーカーサイズを変更してもイベントの判定を円の範囲内にしたいのですが、方法はありますでしょうか。
24
-
25
-
26
-
27
- 以下コードを記載します。
28
-
29
- そのままコピーペーストで動作します。
30
-
31
-
32
-
33
- よろしくお願いいたします。
34
-
35
-
36
-
37
37
  ```ここに言語を入力
38
38
 
39
39
  <!DOCTYPE html>

6

syuusei

2020/03/14 01:26

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -132,8 +132,6 @@
132
132
 
133
133
  autoClose: false
134
134
 
135
- // }).setContent(feature.properties.name + '<br />' + feature.properties.households);
136
-
137
135
  }).setLatLng(marker.letlng).setContent('test').openOn(map);
138
136
 
139
137
 

5

修正

2020/03/12 09:53

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
 
76
76
 
77
- <div id="map" style="width: 100vh; height: 100vh;"></div>
77
+ <div id="map" style="width: 100vw; height: 100vh;"></div>
78
78
 
79
79
 
80
80
 

4

修正

2020/03/12 09:43

投稿

annderber
annderber

スコア98

test CHANGED
@@ -1 +1 @@
1
- leafletでマーカーをcanvas描画している時、マーカーサイズを動的に変更するとイベントの判定がおかしくなる
1
+ leafletでマーカーをcanvas描画している時、マーカーサイズを動的に変更するとイベントの判定がおかしくなる
test CHANGED
File without changes

3

修正

2020/03/12 09:35

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -60,8 +60,6 @@
60
60
 
61
61
  <link type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/leaflet.css" rel="stylesheet">
62
62
 
63
- <link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.6.0/images/layers-2x.png">
64
-
65
63
  <body>
66
64
 
67
65
 

2

修正

2020/03/12 09:32

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- せわになります。
1
+ 世話になります。
2
2
 
3
3
 
4
4
 
@@ -14,13 +14,13 @@
14
14
 
15
15
 
16
16
 
17
- サイズを動的に変更するとクリックイベントの範囲が実際の円よりも広い判定になっており
17
+ サイズを動的に変更するとクリックイベントの範囲が実際の円よりも広い判定になってしまい
18
18
 
19
19
  困っております。
20
20
 
21
21
  マーカーをDOMで描画している場合サイズを変更しても問題ありません。
22
22
 
23
- canvasで描画しながらマーカーサイズを変更してもイベントの判定を円の範囲内にしたいです。
23
+ canvasで描画しながらマーカーサイズを変更してもイベントの判定を円の範囲内にしたいですが、方法はありますでしょうか
24
24
 
25
25
 
26
26
 

1

2020/03/12 09:31

投稿

annderber
annderber

スコア98

test CHANGED
File without changes
test CHANGED
@@ -106,7 +106,7 @@
106
106
 
107
107
  letlng: [35, 139],
108
108
 
109
- set: function (latlng) {
109
+ set: function () {
110
110
 
111
111
  L.circleMarker(
112
112