From 121030289acc404424cd5ee970d845912815007b Mon Sep 17 00:00:00 2001
From: ed <ed@brz9.dev>
Date: Thu, 19 May 2022 01:33:07 +0200
Subject: [PATCH] hotel marker added

---
 proj/map/.index.html.swp           | Bin 12288 -> 0 bytes
 proj/map/asset/css/style.css       |  20 ++++++++
 proj/map/asset/js/map.js           |  18 +++++--
 proj/map/asset/markers/markers.svg |  78 ++++++++++++++++++++++++++---
 4 files changed, 105 insertions(+), 11 deletions(-)
 delete mode 100644 proj/map/.index.html.swp

diff --git a/proj/map/.index.html.swp b/proj/map/.index.html.swp
deleted file mode 100644
index 85e53fbcca8cbf790605586d2f337844436d1867..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12288
zcmeI2zi-w?7{@P&sSv0@g$|A6n1Nrl9g-r2$bQwTP=VAGR0R+cP@V1P&3nncXUo34
zAsyPKl~@peLAQ=&K@3PRwPV@X8Q9oZDptPd*KY~|`i7xHtLK$Ian8Q`-reWU!>jkw
znM>yuz4>rf;PasnQvIAxb@PcAS9S`@-OcfzoYGQmqwWusM_G|mv`%T%vwa<8bsbS2
zrq%bS!kh+CSrsc$UzU+FIo$|do$=js4K~0A#u-?%-C%xF%*~#daa9lb)877l7ss{Y
z=WKutumLu}2G{@_U;}J`4g8M`*m6Sri23Yj=XA2YPHefhMZT~BHoykh02^QfY=8~0
z0XDz}*Z><~1OGt-?st3hfe_bsVet6<fAszT`CcKOfv4b4a2F^LfERm&xC4Fzzk*-D
zE$|b#3@(As!5;AYq!0se3`~Jfz&`NTZXuq4$KVlo2p)i&z<>nA;3W7A%z@+J7&ruc
zFbzELF*pbgfRDg4%;i3~4VJ-oz|HR(xC;2g2G{@_U;}J`4X^<=zy|&$195ZCwIkv>
zt5j*dy2=t?)-~B^rFJJ>!<E|a#L@8ayXz@4zM>}C)d+5{;~QWEgEb2KZ-hfe9Hm9R
z(Q#VhC|3jg7h}B2xLcz;o)>?SWkr=!VZ1?*;?(YfR<%w1JPj+VZQ<s&S*0V;09jt9
zp&;>VD&6xY{U4)BS*<Fwyd_LDSt?I_*QXD8!|}l;WmXj!YTKWy1J|3K#cc(zeGp`Y
zv6vfGE+y)b%&Ede(frjc6zfu&rj?axpsYWd3W{2$q<v^8%tEGBw(2HmwKU5|4l8^3
zsNXragg6Aaac#{av)wE*F6+!U@6PI0+s*1$F6*mr-=5{h9`xZJUPcpbi*C!dGkHy>
zYXXPP+^ddtv5c*7_K$m(w6`d;o-zm+tx`M^zPX@PQ8WuW+=Igv8K!DwR=tWe<k}5Q
zb&m+E(5t9Bdat@z%Q{LobfB=Tt`rRB!r91`>JTT+{ixX(<CEO!^rn~hYPIz>{JY0K
zS?L+sr^Fv9S}%*rZ6FMg3|^UamD^r|Q}8OIpecOnDWj~CI;b<LDLE0&z%A4^L0L~$
v*kFm@oa`Mwu*z!cEV;jNG%Se5F1EEhOpnX->GNMMUAb_^JG->_bw|7eD~7(P

diff --git a/proj/map/asset/css/style.css b/proj/map/asset/css/style.css
index e790cc6..cfdda74 100644
--- a/proj/map/asset/css/style.css
+++ b/proj/map/asset/css/style.css
@@ -234,3 +234,23 @@ nav.cardnav span.marker {
   bottom: -20px;
   transition: 0.5s;
 }
+/**Leaflet overwrite**/
+
+div.leaflet-popup-tip {
+  background-color: var(--b9h-color-fg);
+}
+
+.leaflet-container div.leaflet-popup-content-wrapper {
+  border-radius: 0px;
+  color: var(--b9h-color-bg);  
+  background-color: var(--b9h-color-fg);
+  font-family: Inter;
+  font-weight: 400;
+  font-size: 1rem;
+  text-align: center;
+  padding-top: 5px;
+}
+
+.leaflet-container a.leaflet-popup-close-button {
+  color: var(--b9h-color-bg);
+}
diff --git a/proj/map/asset/js/map.js b/proj/map/asset/js/map.js
index c8d1c8e..eca001e 100644
--- a/proj/map/asset/js/map.js
+++ b/proj/map/asset/js/map.js
@@ -1,4 +1,5 @@
 console.log("hello from map.js")
+var hotelxy=[-19.8,47.5]
 
 var maxZoomLevel = 6
 var tileSize = 256
@@ -8,7 +9,7 @@ var maxLenght = Math.pow(2, maxZoomLevel) * tileSize
 var mapNE = [maxLenght, 0]
 var mapSW = [0, maxLenght]
 
-var map = L.map('map', {'attributionControl': false}).setView([0,0],1);
+var map = L.map('map', {'attributionControl': false}).setView(hotelxy,1);
 
 L.tileLayer('asset/tiles/{z}/{x}/{y}.png', {
   minZoom: 1,
@@ -30,12 +31,21 @@ console.log(map.getMaxZoom())
 var markPointerIcon = L.icon({
     iconUrl: 'asset/markers/pointer.png',
     iconSize: [22, 32],
-    iconAnchor: [7, 20],
-    popupAnchor: [-10, -34],
+    iconAnchor: [11, 32],
+    popupAnchor: [0, -38],
 });
 
 
-var marker = L.marker([0,0], {icon: markPointerIcon}).addTo(map);
+var marker = L.marker(hotelxy, {
+  icon: markPointerIcon,
+  draggable : true,
+}).addTo(map);
+
+marker.bindPopup("check");
+
+marker.on('click', function(e) {
+  console.log("hello from marker")
+})
 
 /*
 min/max = 163
diff --git a/proj/map/asset/markers/markers.svg b/proj/map/asset/markers/markers.svg
index daa3c38..63cbe88 100644
--- a/proj/map/asset/markers/markers.svg
+++ b/proj/map/asset/markers/markers.svg
@@ -23,9 +23,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="0.31873766"
-     inkscape:cx="-837.35074"
-     inkscape:cy="-1835.454"
+     inkscape:zoom="0.65301815"
+     inkscape:cx="1526.5028"
+     inkscape:cy="-3721.8606"
      inkscape:document-units="mm"
      inkscape:current-layer="layer1"
      inkscape:document-rotation="0"
@@ -41,7 +41,7 @@
      inkscape:snap-midpoints="true"
      showguides="true"
      inkscape:guide-bbox="true"
-     inkscape:snap-global="true"
+     inkscape:snap-global="false"
      inkscape:window-width="1280"
      inkscape:window-height="779"
      inkscape:window-x="0"
@@ -58,6 +58,14 @@
        position="-100.54166,681.96879"
        orientation="0,-1"
        id="guide5006" />
+    <sodipodi:guide
+       position="335.33357,1295.2542"
+       orientation="0,-1"
+       id="guide5088" />
+    <sodipodi:guide
+       position="334.65107,1278.1309"
+       orientation="0,-1"
+       id="guide5090" />
   </sodipodi:namedview>
   <metadata
      id="metadata5">
@@ -67,7 +75,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -192,13 +200,69 @@
        d="m -31.749992,-460.375 c -2e-6,37.99259 -29.65778,75.40621 -68.791668,133.18728 -39.13488,-57.78107 -68.79166,-95.1947 -68.79166,-133.18728 0,-37.99258 30.79908,-68.79166 68.79166,-68.79166 37.992587,0 68.791666,30.79907 68.791668,68.79166 z"
        sodipodi:nodetypes="scsss"
        inkscape:export-filename="/home/ed/code/web/html-css/ed.brz9.dev/assets/marker/png/pointer.png"
-       inkscape:export-xdpi="12.6"
-       inkscape:export-ydpi="12.6" />
+       inkscape:export-xdpi="4"
+       inkscape:export-ydpi="4" />
     <circle
        style="opacity:0.999987;fill:#1c2729;fill-opacity:1;stroke:none;stroke-width:1.67893;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
        id="circle5001"
        cx="-100.54166"
        cy="-460.375"
        r="37.041656" />
+    <path
+       id="path5027"
+       style="opacity:0.999987;fill:#ff5821;fill-opacity:1;stroke:none;stroke-width:11.7846;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="M 2555.7852 -2499.6113 C 2412.1912 -2499.6113 2295.7852 -2383.2053 2295.7852 -2239.6113 C 2295.7852 -2096.0173 2407.8738 -1954.6117 2555.7852 -1736.2266 C 2703.6928 -1954.6117 2815.7852 -2096.0173 2815.7852 -2239.6113 C 2815.7852 -2383.2054 2699.3792 -2499.6113 2555.7852 -2499.6113 z M 2555.7598 -2379.6113 A 139.99996 139.99996 0 0 1 2555.7852 -2379.6113 A 139.99996 139.99996 0 0 1 2695.7852 -2239.6113 A 139.99996 139.99996 0 0 1 2555.7852 -2099.6113 A 139.99996 139.99996 0 0 1 2415.7852 -2239.6113 A 139.99996 139.99996 0 0 1 2555.7598 -2379.6113 z "
+       transform="scale(0.26458333)"
+       inkscape:export-xdpi="4"
+       inkscape:export-ydpi="4" />
+    <path
+       id="path5032"
+       style="opacity:0.999987;fill:#ff5821;fill-opacity:1;stroke:none;stroke-width:3.11801;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       d="m 514.00861,-951.47679 c 0,37.99259 -29.65778,75.40621 -68.79167,133.18728 -39.13488,-57.78107 -68.79166,-95.1947 -68.79166,-133.18728 0,-37.99258 30.79908,-68.79171 68.79166,-68.79171 37.99259,0 68.79167,30.79912 68.79167,68.79171 z"
+       sodipodi:nodetypes="scsss"
+       inkscape:export-filename="/home/ed/code/web/html-css/ed.brz9.dev/assets/marker/png/pointer.png"
+       inkscape:export-xdpi="4"
+       inkscape:export-ydpi="4" />
+    <circle
+       style="opacity:0.999987;fill:#1c2729;fill-opacity:1;stroke:none;stroke-width:1.23055;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
+       id="circle5034"
+       cx="445.21695"
+       cy="-951.47681"
+       r="27.149168" />
+    <path
+       style="fill:none;stroke:#1c2729;stroke-width:4.165;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 343.13891,-975.49963 v 46.24665"
+       id="path5036" />
+    <g
+       id="g5102"
+       transform="matrix(0.68085331,0,0,1,109.62739,-0.02682482)"
+       style="stroke:#1c2729;stroke-opacity:1">
+      <path
+         style="fill:none;stroke:#1c2729;stroke-width:1.365;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 336.01607,-998.2542 v 17.12333"
+         id="path5082" />
+      <path
+         style="fill:none;stroke:#1c2729;stroke-width:1.365;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 340.67636,-998.25423 v 17.12333"
+         id="path5092" />
+      <path
+         style="fill:none;stroke:#1c2729;stroke-width:1.365;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 345.33666,-998.25423 v 17.12333"
+         id="path5094" />
+      <path
+         style="fill:none;stroke:#1c2729;stroke-width:1.365;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 349.99691,-998.25423 v 17.12333"
+         id="path5096" />
+    </g>
+    <path
+       style="fill:#1c2729;fill-opacity:1;stroke:none;stroke-width:0.466203;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 341.10207,-975.48735 -3.14186,-5.67037 h 10.43257 l -3.22048,5.91196 -2.00781,0.21737"
+       id="path5104"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#1c2729;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+       d="m 360.13344,-998.2542 -0.98611,27.70746 0.4972,12.22664 v 29.06619 h 5.08789 l -0.18924,-29.09422 2.77509,-22.78277 -4.31069,-17.1233 z"
+       id="path5106"
+       sodipodi:nodetypes="ccccccccc" />
   </g>
 </svg>