Fix draggable marker with popup (#35)

<!--

Thank you for submitting a pull request!

Here's a checklist you might find useful.
[ ] There is an associated issue that is labelled
  'Bug' or 'help wanted' or is in the Community milestone
[ ] Code is up-to-date with the `main` branch
[ ] You've successfully run `npm test` locally
[ ] There are new or updated tests validating the change

-->

Fixes #

example/README.md

@@ -129,5 +129,7 @@ including double-clicking to delete a point and a steering wheel with two button
   ([source code](https://github.com/mappable-world/mappable-default-ui-theme/tree/main/example/popups-on-map))
 - [Adding a search control to the map](./search-control/vanilla/index.html)
   ([source code](https://github.com/mappable-world/mappable-default-ui-theme/tree/main/example/search-control))
+- [Adding a route control to the map](./route-control/vanilla/index.html)
+  ([source code](https://github.com/mappable-world/mappable-default-ui-theme/tree/main/example/route-control))
 - [Adding a default ruler to the map](./default-ruler/vanilla/index.html)
   ([source code](https://github.com/mappable-world/mappable-default-ui-theme/tree/main/example/default-ruler))

src/markers/MMapDefaultMarker/index.ts

@@ -139,7 +139,8 @@ export class MMapDefaultMarker extends mappable.MMapComplexEntity<MMapDefaultMar
         this._marker = new mappable.MMapMarker(
             {
                 ...this._props,
-                onClick: this._onMarkerClick
+                onClick: this._onMarkerClick,
+                onDragMove: this._onMarkerDragMove
             },
             this._markerElement
         );
@@ -216,6 +217,7 @@ export class MMapDefaultMarker extends mappable.MMapComplexEntity<MMapDefaultMar
         return new MMapPopupMarker({
             ...this._props,
             ...this._props.popup,
+            draggable: false,
             show: this._props.popup.show ?? false,
             offset: this._props.popup.offset ?? this._getPopupOffset(),
             zIndex: 1000
@@ -242,13 +244,19 @@ export class MMapDefaultMarker extends mappable.MMapComplexEntity<MMapDefaultMar
     }
 
     private _onMarkerClick: MMapDefaultMarkerProps['onClick'] = (...args) => {
-        if (!this._popup) {
-            return;
+        if (this._popup) {
+            this._popup.update({show: this._popup.isOpen});
         }
-        this._popup.update({show: !this._popup.isOpen});
         this._props.onClick?.(...args);
     };
 
+    private _onMarkerDragMove: MMapDefaultMarkerProps['onDragMove'] = (coordinates) => {
+        if (this._popup) {
+            this._popup.update({coordinates});
+        }
+        this._props.onDragMove?.(coordinates);
+    };
+
     private _updateTheme() {
         const themeCtx = this._consumeContext(mappable.ThemeContext);
         const theme = themeCtx.theme;