hotel marker added

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);
+}

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],
+    iconAnchor: [11, 32],
-    popupAnchor: [-10, -34],
+    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

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:zoom="0.65301815"
-     inkscape:cx="-837.35074"
+     inkscape:cx="1526.5028"
-     inkscape:cy="-1835.454"
+     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-xdpi="4"
-       inkscape:export-ydpi="12.6" />
+       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>