mapping-component-package-jp 0.2.11 → 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 +21 -70
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mapping-component-package-jp",
3
- "version": "0.2.11",
3
+ "version": "0.2.13",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/js/mapEncapsulation/shapes/circle.full.js CHANGED
@@ -77,72 +77,65 @@ export class IQLCircleFull {
77
77
  var endHeading = 360;
78
78
 
79
79
  if(isMobile) {
80
- var svgci = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48" height="48">'
81
- svgci += '<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" />';
82
- svgci += '<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" />';
83
- svgci += '</svg>';
80
+ const svgci =
81
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
82
+ '<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" />' +
83
+ "</svg>";
84
84
 
85
- var sizerIconTop = {
85
+ var sizerIconTop = {
86
86
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
87
- anchor: new google.maps.Point(24, 24),
87
+ anchor: new google.maps.Point(12, 12),
88
88
  id: 'sizerIconTop'
89
89
  };
90
90
  var sizerIconRight = {
91
91
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
92
- anchor: new google.maps.Point(24, 24),
92
+ anchor: new google.maps.Point(12, 12),
93
93
  id: 'sizerIconRight'
94
94
  };
95
95
  var sizerIconBottom = {
96
96
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
97
- anchor: new google.maps.Point(24, 24),
97
+ anchor: new google.maps.Point(12, 12),
98
98
  id: 'sizerIconBottom'
99
99
  };
100
100
  var sizerIconLeft = {
101
101
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
102
- anchor: new google.maps.Point(24, 24),
102
+ anchor: new google.maps.Point(12, 12),
103
103
  id: 'sizerIconLeft'
104
104
  };
105
105
  var centerIcon = {
106
106
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
107
- anchor: new google.maps.Point(24, 24),
107
+ anchor: new google.maps.Point(12, 12),
108
108
  id: 'centerIcon'
109
109
  };
110
110
 
111
- var svgup = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
112
- svgup += '<g transform="scale(0.4 0.4)">';
113
- svgup += '<path style="fill:#ffa500;" 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"/>';
114
- svgup += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
115
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
116
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
117
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
118
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
119
- svgup += '</g>';
120
- svgup += '</g>';
121
- svgup += '</svg>';
122
-
123
- var handleIconUp = {
124
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgup),
125
- anchor: new google.maps.Point(30, 60),
126
- id: 'handleIconUp'
127
- };
128
-
129
- var svgdown = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
130
- svgdown += '<g transform="scale(0.4 0.4) rotate(180 26 26)">';
131
- svgdown += '<path style="fill:#ffa500;" 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"/>';
132
- svgdown += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
133
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
134
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
135
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
136
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
137
- svgdown += '</g>';
138
- svgdown += '</g>';
139
- svgdown += '</svg>';
140
-
141
- var handleIconDown = {
142
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgdown),
143
- anchor: new google.maps.Point(30, 0),
144
- id: 'handleIconDown'
145
- };
111
+ const svgup = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
112
+ '<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"/>' +
113
+ '<g transform="translate(10 5) scale(0.8)">' +
114
+ '<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"/>' +
115
+ '<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"/>' +
116
+ '<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"/>' +
117
+ '<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"/>' +
118
+ '</g></svg>';
119
+
120
+ handleIconUp = {
121
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgup),
122
+ anchor: new google.maps.Point(26, 52) // Bottom center
123
+ };
124
+
125
+ const svgdown = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
126
+ '<g transform="rotate(180 26 26)">' + // Rotate entire pin + arrows
127
+ '<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"/>' +
128
+ '<g transform="translate(10 5) scale(0.8)">' +
129
+ '<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"/>' +
130
+ '<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"/>' +
131
+ '<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"/>' +
132
+ '<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"/>' +
133
+ '</g></g></svg>';
134
+
135
+ handleIconDown = {
136
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgdown),
137
+ anchor: new google.maps.Point(26, 0) // Top center
138
+ };
146
139
 
147
140
  } else {
148
141
 
package/src/js/mapEncapsulation/shapes/circle.sector.js CHANGED
@@ -76,86 +76,79 @@ export class IQLCircleSector {
76
76
  var endHeading = 120;
77
77
 
78
78
  if(isMobile) {
79
- var svgci = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48" height="48">'
80
- svgci += '<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" />';
81
- svgci += '<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" />';
82
- svgci += '</svg>';
79
+ const svgci =
80
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
81
+ '<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" />' +
82
+ "</svg>";
83
83
 
84
- var sizerIconTop = {
84
+ var sizerIconTop = {
85
85
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
86
- anchor: new google.maps.Point(24, 24),
86
+ anchor: new google.maps.Point(12, 12),
87
87
  id: 'sizerIconTop'
88
88
  };
89
89
  var sizerIconRight = {
90
90
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
91
- anchor: new google.maps.Point(24, 24),
91
+ anchor: new google.maps.Point(12, 12),
92
92
  id: 'sizerIconRight'
93
93
  };
94
94
  var sizerIconBottom = {
95
95
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
96
- anchor: new google.maps.Point(24, 24),
96
+ anchor: new google.maps.Point(12, 12),
97
97
  id: 'sizerIconBottom'
98
98
  };
99
99
  var sizerIconLeft = {
100
100
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
101
- anchor: new google.maps.Point(24, 24),
101
+ anchor: new google.maps.Point(12, 12),
102
102
  id: 'sizerIconLeft'
103
103
  };
104
104
  var centerIcon = {
105
105
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
106
- anchor: new google.maps.Point(24, 24),
106
+ anchor: new google.maps.Point(12, 12),
107
107
  id: 'centerIcon'
108
108
  };
109
-
110
- var svgup = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
111
- svgup += '<g transform="scale(0.4 0.4)">';
112
- svgup += '<path style="fill:#ffa500;" 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"/>';
113
- svgup += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
114
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
115
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
116
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
117
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
118
- svgup += '</g>';
119
- svgup += '</g>';
120
- svgup += '</svg>';
121
-
122
- var handleIconUp = {
123
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgup),
124
- anchor: new google.maps.Point(30, 60),
125
- id: 'handleIconUp'
126
- };
127
-
128
- var svgdown = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
129
- svgdown += '<g transform="scale(0.4 0.4) rotate(180 26 26)">';
130
- svgdown += '<path style="fill:#ffa500;" 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"/>';
131
- svgdown += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
132
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
133
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
134
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
135
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
136
- svgdown += '</g>';
137
- svgdown += '</g>';
138
- svgdown += '</svg>';
139
-
140
- var handleIconDown = {
141
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgdown),
142
- anchor: new google.maps.Point(30, 0),
143
- id: 'handleIconDown'
144
- };
145
109
 
146
- var svgpi = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48" height="48">'
147
- svgpi += '<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" />';
148
- svgpi += '<path fill="rgba(255,255,255,1)" stroke="'+cs.strokeColor+'" 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" />';
149
- svgpi += '</svg>';
110
+ const svgup = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
111
+ '<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"/>' +
112
+ '<g transform="translate(10 5) scale(0.8)">' +
113
+ '<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"/>' +
114
+ '<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"/>' +
115
+ '<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"/>' +
116
+ '<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"/>' +
117
+ '</g></svg>';
118
+
119
+ handleIconUp = {
120
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgup),
121
+ anchor: new google.maps.Point(26, 52) // Bottom center
122
+ };
123
+
124
+ const svgdown = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
125
+ '<g transform="rotate(180 26 26)">' + // Rotate entire pin + arrows
126
+ '<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"/>' +
127
+ '<g transform="translate(10 5) scale(0.8)">' +
128
+ '<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"/>' +
129
+ '<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"/>' +
130
+ '<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"/>' +
131
+ '<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"/>' +
132
+ '</g></g></svg>';
133
+
134
+ handleIconDown = {
135
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgdown),
136
+ anchor: new google.maps.Point(26, 0) // Top center
137
+ };
138
+
139
+ const svgpi =
140
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
141
+ '<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" />' +
142
+ "</svg>";
150
143
 
151
144
  var startPinIcon = {
152
145
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgpi),
153
- anchor: new google.maps.Point(24, 24),
146
+ anchor: new google.maps.Point(12, 12),
154
147
  id: 'startPinIcon'
155
148
  };
156
149
  var endPinIcon = {
157
150
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgpi),
158
- anchor: new google.maps.Point(24, 24),
151
+ anchor: new google.maps.Point(12, 12),
159
152
  id: 'endPinIcon'
160
153
  };
161
154
 
package/src/js/mapEncapsulation/shapes/circle.segment.js CHANGED
@@ -83,86 +83,79 @@ export class IQLCircleSegment {
83
83
 
84
84
  if(isMobile) {
85
85
 
86
- var svgci = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48" height="48">'
87
- svgci += '<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" />';
88
- svgci += '<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" />';
89
- svgci += '</svg>';
86
+ const svgci =
87
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
88
+ '<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" />' +
89
+ "</svg>";
90
90
 
91
- var sizerIconTop = {
91
+ var sizerIconTop = {
92
92
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
93
- anchor: new google.maps.Point(24, 24),
93
+ anchor: new google.maps.Point(12, 12),
94
94
  id: 'sizerIconTop'
95
95
  };
96
96
  var sizerIconRight = {
97
97
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
98
- anchor: new google.maps.Point(24, 24),
98
+ anchor: new google.maps.Point(12, 12),
99
99
  id: 'sizerIconRight'
100
100
  };
101
101
  var sizerIconBottom = {
102
102
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
103
- anchor: new google.maps.Point(24, 24),
103
+ anchor: new google.maps.Point(12, 12),
104
104
  id: 'sizerIconBottom'
105
105
  };
106
106
  var sizerIconLeft = {
107
107
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
108
- anchor: new google.maps.Point(24, 24),
108
+ anchor: new google.maps.Point(12, 12),
109
109
  id: 'sizerIconLeft'
110
110
  };
111
111
  var centerIcon = {
112
112
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgci),
113
- anchor: new google.maps.Point(24, 24),
113
+ anchor: new google.maps.Point(12, 12),
114
114
  id: 'centerIcon'
115
115
  };
116
116
 
117
- var svgup = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
118
- svgup += '<g transform="scale(0.4 0.4)">';
119
- svgup += '<path style="fill:#ffa500;" 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"/>';
120
- svgup += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
121
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
122
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
123
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
124
- svgup += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
125
- svgup += '</g>';
126
- svgup += '</g>';
127
- svgup += '</svg>';
128
-
129
- var handleIconUp = {
130
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgup),
131
- anchor: new google.maps.Point(30, 60),
132
- id: 'handleIconUp'
133
- };
134
-
135
- var svgdown = '<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 52 52" style="enable-background:new 0 0 52 52;" xml:space="preserve">';
136
- svgdown += '<g transform="scale(0.4 0.4) rotate(180 26 26)">';
137
- svgdown += '<path style="fill:#ffa500;" 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"/>';
138
- svgdown += '<g transform="translate(13.2 5.9) scale(0.8 0.8)">';
139
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 15.78125 0.0546875 C 15.710938 0.0859375 14.742188 1.03125 13.625 2.148438 C 11.136719 4.644531 11.257812 4.351562 12.300781 5.386719 C 12.957031 6.050781 13.011719 6.09375 13.25 6.09375 C 13.480469 6.09375 13.542969 6.050781 14.0625 5.53125 L 14.625 4.96875 L 14.625 8.019531 C 14.625 11.261719 14.636719 11.398438 14.925781 11.554688 C 15.09375 11.648438 16.90625 11.648438 17.074219 11.554688 C 17.363281 11.398438 17.375 11.261719 17.375 8.019531 L 17.375 4.96875 L 17.9375 5.53125 C 18.457031 6.050781 18.519531 6.09375 18.75 6.09375 C 18.988281 6.09375 19.042969 6.050781 19.699219 5.386719 C 20.742188 4.351562 20.867188 4.648438 18.34375 2.125 C 16.210938 -0.0078125 16.105469 -0.0859375 15.78125 0.0546875 Z M 15.78125 0.0546875 "/>';
140
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 4.21875 11.617188 C 4.148438 11.648438 3.179688 12.59375 2.0625 13.710938 C 0.0703125 15.710938 0.03125 15.75 0.03125 16 C 0.03125 16.25 0.0703125 16.289062 2.113281 18.324219 C 4.648438 20.867188 4.351562 20.742188 5.386719 19.699219 C 6.050781 19.042969 6.09375 18.988281 6.09375 18.75 C 6.09375 18.519531 6.050781 18.457031 5.53125 17.9375 L 4.96875 17.375 L 8.019531 17.375 C 11.261719 17.375 11.398438 17.363281 11.554688 17.074219 C 11.648438 16.90625 11.648438 15.09375 11.554688 14.925781 C 11.398438 14.636719 11.261719 14.625 8.019531 14.625 L 4.96875 14.625 L 5.53125 14.0625 C 6.050781 13.542969 6.09375 13.480469 6.09375 13.25 C 6.09375 13.011719 6.050781 12.957031 5.40625 12.3125 C 4.699219 11.613281 4.5 11.492188 4.21875 11.617188 Z M 4.21875 11.617188 "/>';
141
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 27.34375 11.617188 C 27.273438 11.648438 26.925781 11.976562 26.5625 12.335938 C 25.949219 12.957031 25.90625 13.011719 25.90625 13.25 C 25.90625 13.480469 25.949219 13.542969 26.46875 14.0625 L 27.03125 14.625 L 23.980469 14.625 C 20.738281 14.625 20.601562 14.636719 20.445312 14.925781 C 20.351562 15.09375 20.351562 16.90625 20.445312 17.074219 C 20.601562 17.363281 20.738281 17.375 23.980469 17.375 L 27.03125 17.375 L 26.46875 17.9375 C 25.949219 18.457031 25.90625 18.519531 25.90625 18.75 C 25.90625 18.988281 25.949219 19.042969 26.613281 19.699219 C 27.648438 20.742188 27.351562 20.867188 29.886719 18.324219 C 31.929688 16.289062 31.96875 16.25 31.96875 16 C 31.96875 15.75 31.929688 15.710938 29.90625 13.6875 C 27.773438 11.554688 27.675781 11.476562 27.34375 11.617188 Z M 27.34375 11.617188 "/>';
142
- svgdown += '<path style=" stroke:none;fill-rule:nonzero;fill:rgb(255,255,255);fill-opacity:1;" d="M 14.917969 20.445312 C 14.636719 20.605469 14.625 20.757812 14.625 23.980469 L 14.625 27.03125 L 14.0625 26.46875 C 13.542969 25.949219 13.480469 25.90625 13.25 25.90625 C 13.011719 25.90625 12.957031 25.949219 12.300781 26.613281 C 11.257812 27.648438 11.132812 27.351562 13.675781 29.886719 C 15.710938 31.929688 15.75 31.96875 16 31.96875 C 16.25 31.96875 16.289062 31.929688 18.324219 29.886719 C 20.867188 27.351562 20.742188 27.648438 19.699219 26.613281 C 19.042969 25.949219 18.988281 25.90625 18.75 25.90625 C 18.519531 25.90625 18.457031 25.949219 17.9375 26.46875 L 17.375 27.03125 L 17.375 23.980469 C 17.375 20.738281 17.363281 20.601562 17.074219 20.445312 C 16.90625 20.355469 15.070312 20.355469 14.917969 20.445312 Z M 14.917969 20.445312 "/>';
143
- svgdown += '</g>';
144
- svgdown += '</g>';
145
- svgdown += '</svg>';
146
-
147
- var handleIconDown = {
148
- url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgdown),
149
- anchor: new google.maps.Point(30, 0),
150
- id: 'handleIconDown'
151
- };
152
-
153
- var svgpi = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48" height="48">'
154
- svgpi += '<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" />';
155
- svgpi += '<path fill="rgba(255,255,255,1)" stroke="'+cs.strokeColor+'" 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" />';
156
- svgpi += '</svg>';
117
+ const svgup = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
118
+ '<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"/>' +
119
+ '<g transform="translate(10 5) scale(0.8)">' +
120
+ '<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"/>' +
121
+ '<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"/>' +
122
+ '<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"/>' +
123
+ '<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"/>' +
124
+ '</g></svg>';
125
+
126
+ handleIconUp = {
127
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgup),
128
+ anchor: new google.maps.Point(26, 52) // Bottom center
129
+ };
130
+
131
+ const svgdown = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52" width="52" height="52">' +
132
+ '<g transform="rotate(180 26 26)">' + // Rotate entire pin + arrows
133
+ '<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"/>' +
134
+ '<g transform="translate(10 5) scale(0.8)">' +
135
+ '<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"/>' +
136
+ '<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"/>' +
137
+ '<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"/>' +
138
+ '<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"/>' +
139
+ '</g></g></svg>';
140
+
141
+ handleIconDown = {
142
+ url: "data:image/svg+xml;charset=UTF-8;base64," + btoa(svgdown),
143
+ anchor: new google.maps.Point(26, 0) // Top center
144
+ };
145
+
146
+ const svgpi =
147
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
148
+ '<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" />' +
149
+ "</svg>";
157
150
 
158
151
  var startPinIcon = {
159
152
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgpi),
160
- anchor: new google.maps.Point(24, 24),
153
+ anchor: new google.maps.Point(12, 12),
161
154
  id: 'startPinIcon'
162
155
  };
163
156
  var endPinIcon = {
164
157
  url: 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(svgpi),
165
- anchor: new google.maps.Point(24, 24),
158
+ anchor: new google.maps.Point(12, 12),
166
159
  id: 'endPinIcon'
167
160
  };
168
161