mapping-component-package-jp 0.2.12 → 0.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.js +4 -4
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +5 -5
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/js/mapEncapsulation/shapes/circle.full.js +38 -45
  7. package/src/js/mapEncapsulation/shapes/circle.sector.js +45 -52
  8. package/src/js/mapEncapsulation/shapes/circle.segment.js +45 -52
  9. package/src/js/mapEncapsulation/shapes/polygon.customedit.js +19 -68
package/src/js/mapEncapsulation/shapes/polygon.customedit.js CHANGED
@@ -69,19 +69,6 @@ export class IQLPolygonCustomEdit {
69
69
  let handleIconDown;
70
70
 
71
71
  if (isMobile) {
72
- /*
73
- const svgpi =
74
- '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">' +
75
- '<path fill="rgba(255,255,255,0.01)" d="M 0, 24 a 24,24 0 1,0 48,0 a 24,24 0 1,0 -48,0" />' +
76
- '<path fill="rgba(255,255,255,1)" stroke="#303030" stroke-width="1" d="M24 24 m-4,0 a 4,4,0 0,1 8,0 a 4,4 0 0,1 -8,0z" />' +
77
- "</svg>";
78
-
79
- pointIcon = {
80
- url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgpi),
81
- anchor: new google.maps.Point(24, 24)
82
- };
83
- */
84
- // 1. Solid Point Icon (24x24)
85
72
  const svgpi =
86
73
  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
87
74
  '<path fill="#ffffff" stroke="#303030" stroke-width="1" d="M12 12 m-4,0 a 4,4,0 0,1 8,0 a 4,4 0 0,1 -8,0z" />' +
@@ -92,19 +79,6 @@ export class IQLPolygonCustomEdit {
92
79
  anchor: new google.maps.Point(12, 12) // Perfectly centered
93
80
  };
94
81
 
95
- /*
96
- const svgmpi =
97
- '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">' +
98
- '<path fill="rgba(255,255,255,0.01)" d="M 0, 24 a 24,24 0 1,0 48,0 a 24,24 0 1,0 -48,0" />' +
99
- '<path fill="rgba(255,255,255,0.4)" stroke="#303030" stroke-width="0.3" stroke-opacity="0.01" d="M24 24 m-4,0 a 4,4,0 0,1 8,0 a 4,4 0 0,1 -8,0z" />' +
100
- "</svg>";
101
-
102
- midPointIcon = {
103
- url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgmpi),
104
- anchor: new google.maps.Point(24, 24)
105
- };
106
- */
107
- // 2. Ghost/Midpoint Icon (24x24)
108
82
  const svgmpi =
109
83
  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
110
84
  '<path fill="rgba(255,255,255,0.4)" stroke="#303030" stroke-width="0.3" d="M12 12 m-4,0 a 4,4,0 0,1 8,0 a 4,4 0 0,1 -8,0z" />' +
@@ -115,56 +89,33 @@ export class IQLPolygonCustomEdit {
115
89
  anchor: new google.maps.Point(12, 12)
116
90
  };
117
91
 
118
- /*
119
- const svgup =
120
- '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">' +
121
- '<g transform="scale(0.4 0.4)">' +
122
- '<path style="fill:#f1a81e;" d="M38.853,5.324L38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0h0 C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
123
- '<g transform="translate(13.2 5.9) scale(0.8 0.8)">' +
124
- // (paths trimmed for brevity—same as your JS)
125
- "</g></g></svg>";
126
-
127
- handleIconUp = {
128
- url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgup),
129
- anchor: new google.maps.Point(30, 60)
130
- };
131
- */
132
-
133
- // 3. Handle Up (Tightened Viewbox)
134
- const svgup =
135
- '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="26" height="26">' + // Viewbox matches scaled size
136
- '<g transform="scale(0.5 0.5)">' +
137
- '<path style="fill:#f1a81e;" d="M38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
138
- "</g></svg>";
92
+ const svgup = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
93
+ '<path fill="#f1a81e" d="M38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
94
+ '<g transform="translate(10 5) scale(0.8)">' +
95
+ '<path fill="#ffffff" d="M 15.78,0.05 C 15.71,0.08 14.74,1.03 13.62,2.14 11.13,4.64 11.25,4.35 12.30,5.38 12.95,6.05 13.01,6.09 13.25,6.09 13.48,6.09 13.54,6.05 14.06,5.53 L 14.62,4.96 V 8.01 C 14.62,11.26 14.63,11.39 14.92,11.55 15.09,11.64 16.90,11.64 17.07,11.55 17.36,11.39 17.37,11.26 17.37,8.01 V 4.96 L 17.93,5.53 C 18.45,6.05 18.51,6.09 18.75,6.09 18.98,6.09 19.04,6.05 19.69,5.38 20.74,4.35 20.86,4.64 18.34,2.12 16.21,-0.00 16.10,-0.08 15.78,0.05 Z"/>' +
96
+ '<path fill="#ffffff" d="M 4.21,11.61 C 4.14,11.64 3.17,12.59 2.06,13.71 0.07,15.71 0.03,15.75 0.03,16 0.03,16.25 0.07,16.28 2.11,18.32 4.64,20.86 4.35,20.74 5.38,19.69 6.05,19.04 6.09,18.98 6.09,18.75 6.09,18.51 6.05,18.45 5.53,17.93 L 4.96,17.37 H 8.01 C 11.26,17.37 11.39,17.36 11.55,17.07 11.64,16.90 11.64,15.09 11.55,14.92 11.39,14.63 11.26,14.62 8.01,14.62 H 4.96 L 5.53,14.06 C 6.05,13.54 6.09,13.48 6.09,13.25 6.09,13.01 6.05,12.95 5.40,12.31 4.69,11.61 4.5,11.49 4.21,11.61 Z"/>' +
97
+ '<path fill="#ffffff" d="M 27.34,11.61 C 27.27,11.64 26.92,11.97 26.56,12.33 25.94,12.95 25.90,13.01 25.90,13.25 25.90,13.48 25.94,13.54 26.46,14.06 L 27.03,14.62 H 23.98 C 20.73,14.62 20.60,14.63 20.44,14.92 20.35,15.09 20.35,16.90 20.44,17.07 20.60,17.36 20.73,17.37 23.98,17.37 H 27.03 L 26.46,17.93 C 25.94,18.45 25.90,18.51 25.90,18.75 25.90,18.98 25.94,19.04 26.61,19.69 27.64,20.74 27.35,20.86 29.88,18.32 31.92,16.28 31.96,16.25 31.96,16 31.96,15.75 31.92,15.71 29.90,13.68 27.77,11.55 27.67,11.47 27.34,11.61 Z"/>' +
98
+ '<path fill="#ffffff" d="M 14.91,20.44 C 14.63,20.60 14.62,20.75 14.62,23.98 V 27.03 L 14.06,26.46 C 13.54,25.94 13.48,25.90 13.25,25.90 13.01,25.90 12.95,25.94 12.30,26.61 11.25,27.64 11.13,27.35 13.67,29.88 15.71,31.92 15.75,31.96 16,31.96 16.25,31.96 16.28,31.92 18.32,29.88 20.86,27.35 20.74,27.64 19.69,26.61 19.04,25.94 18.98,25.90 18.75,25.90 18.51,25.90 18.45,25.94 17.93,26.46 L 17.37,27.03 V 23.98 C 17.37,20.73 17.36,20.60 17.07,20.44 16.90,20.35 15.07,20.35 14.91,20.44 Z"/>' +
99
+ '</g></svg>';
139
100
 
140
101
  handleIconUp = {
141
102
  url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgup),
142
- anchor: new google.maps.Point(13, 26) // 52 scaled by 0.5 = 26
103
+ anchor: new google.maps.Point(26, 52) // Bottom center
143
104
  };
144
- /*
145
- const svgdown =
146
- '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">' +
147
- '<g transform="scale(0.4 0.4) rotate(180 26 26)">' +
148
- '<path style="fill:#f1a81e;" d="M38.853,5.324L38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0h0 C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
149
- '<g transform="translate(13.2 5.9) scale(0.8 0.8)">' +
150
- // (paths trimmed for brevity—same as your JS)
151
- "</g></g></svg>";
152
105
 
153
- handleIconDown = {
154
- url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgdown),
155
- anchor: new google.maps.Point(30, 0)
156
- };
157
- */
158
- // 4. Handle Down (Tightened Viewbox)
159
- const svgdown =
160
- '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" width="26" height="26">' +
161
- '<g transform="scale(0.5 0.5) rotate(180 26 26)">' +
162
- '<path style="fill:#f1a81e;" d="M38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
163
- "</g></svg>";
106
+ const svgdown = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
107
+ '<g transform="rotate(180 26 26)">' + // Rotate entire pin + arrows
108
+ '<path fill="#f1a81e" d="M38.853,5.324c-7.098-7.098-18.607-7.098-25.706,0C6.751,11.72,6.031,23.763,11.459,31L26,52l14.541-21C45.969,23.763,45.249,11.72,38.853,5.324z"/>' +
109
+ '<g transform="translate(10 5) scale(0.8)">' +
110
+ '<path fill="#ffffff" d="M 15.78,0.05 C 15.71,0.08 14.74,1.03 13.62,2.14 11.13,4.64 11.25,4.35 12.30,5.38 12.95,6.05 13.01,6.09 13.25,6.09 13.48,6.09 13.54,6.05 14.06,5.53 L 14.62,4.96 V 8.01 C 14.62,11.26 14.63,11.39 14.92,11.55 15.09,11.64 16.90,11.64 17.07,11.55 17.36,11.39 17.37,11.26 17.37,8.01 V 4.96 L 17.93,5.53 C 18.45,6.05 18.51,6.09 18.75,6.09 18.98,6.09 19.04,6.05 19.69,5.38 20.74,4.35 20.86,4.64 18.34,2.12 16.21,-0.00 16.10,-0.08 15.78,0.05 Z"/>' +
111
+ '<path fill="#ffffff" d="M 4.21,11.61 C 4.14,11.64 3.17,12.59 2.06,13.71 0.07,15.71 0.03,15.75 0.03,16 0.03,16.25 0.07,16.28 2.11,18.32 4.64,20.86 4.35,20.74 5.38,19.69 6.05,19.04 6.09,18.98 6.09,18.75 6.09,18.51 6.05,18.45 5.53,17.93 L 4.96,17.37 H 8.01 C 11.26,17.37 11.39,17.36 11.55,17.07 11.64,16.90 11.64,15.09 11.55,14.92 11.39,14.63 11.26,14.62 8.01,14.62 H 4.96 L 5.53,14.06 C 6.05,13.54 6.09,13.48 6.09,13.25 6.09,13.01 6.05,12.95 5.40,12.31 4.69,11.61 4.5,11.49 4.21,11.61 Z"/>' +
112
+ '<path fill="#ffffff" d="M 27.34,11.61 C 27.27,11.64 26.92,11.97 26.56,12.33 25.94,12.95 25.90,13.01 25.90,13.25 25.90,13.48 25.94,13.54 26.46,14.06 L 27.03,14.62 H 23.98 C 20.73,14.62 20.60,14.63 20.44,14.92 20.35,15.09 20.35,16.90 20.44,17.07 20.60,17.36 20.73,17.37 23.98,17.37 H 27.03 L 26.46,17.93 C 25.94,18.45 25.90,18.51 25.90,18.75 25.90,18.98 25.94,19.04 26.61,19.69 27.64,20.74 27.35,20.86 29.88,18.32 31.92,16.28 31.96,16.25 31.96,16 31.96,15.75 31.92,15.71 29.90,13.68 27.77,11.55 27.67,11.47 27.34,11.61 Z"/>' +
113
+ '<path fill="#ffffff" d="M 14.91,20.44 C 14.63,20.60 14.62,20.75 14.62,23.98 V 27.03 L 14.06,26.46 C 13.54,25.94 13.48,25.90 13.25,25.90 13.01,25.90 12.95,25.94 12.30,26.61 11.25,27.64 11.13,27.35 13.67,29.88 15.71,31.92 15.75,31.96 16,31.96 16.25,31.96 16.28,31.92 18.32,29.88 20.86,27.35 20.74,27.64 19.69,26.61 19.04,25.94 18.98,25.90 18.75,25.90 18.51,25.90 18.45,25.94 17.93,26.46 L 17.37,27.03 V 23.98 C 17.37,20.73 17.36,20.60 17.07,20.44 16.90,20.35 15.07,20.35 14.91,20.44 Z"/>' +
114
+ '</g></g></svg>';
164
115
 
165
116
  handleIconDown = {
166
117
  url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgdown),
167
- anchor: new google.maps.Point(13, 0) // Top tip remains at 0
118
+ anchor: new google.maps.Point(26, 0) // Top center
168
119
  };
169
120
 
170
121
  } else {