testing dragable pins

katemat · Jul 16, 2020 · 5799f81 · 5799f81
1 parent 5bd5333
commit 5799f81
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/public/item.js b/public/item.js
@@ -52,11 +52,25 @@ const reverseGeocode = function (e) {
     //Make the reverse geocode request.
     searchManager.reverseGeocode(searchRequest);
 
+    // var greenPin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(center.latitude, center.longitude - 0.1), { color: '#0f0', draggable: true });
+    // map.entities.push(greenPin);
+
     var pin = new Microsoft.Maps.Pushpin(e.location, {
+      draggable: true,
       // title: address
       // color: 'green'
     });
     map.entities.push(pin);
+
+    Microsoft.Maps.Events.addHandler(pin, 'drag', function (e) {
+      highlight('pushpinDrag', e);
+    });
+    Microsoft.Maps.Events.addHandler(pin, 'dragend', function (e) {
+      highlight('pushpinDragEnd', e);
+    });
+    Microsoft.Maps.Events.addHandler(pin, 'dragstart', function (e) {
+      highlight('pushpinDragStart', e);
+    });
     console.log(map.entities);
   }
 };

diff --git a/views/new-item.ejs b/views/new-item.ejs
@@ -16,9 +16,6 @@
     />
     <link rel="stylesheet" href="/style.css" />
     <link rel="stylesheet" href="/style2.css" />
-    <!-- <script type='text/javascript'
-    src='http://www.bing.com/api/maps/mapcontrol?callback=getMap&key=AuewOzxuyMxFiwOpCiEiYyNsck-yIwg3nBqGlLukoPc6gZm-v9Eiyw3eBGpPPTDw' 
-    async defer></script> -->
   </head>
   <body>
     <% d = new Date()%> <% month = '' + (d.getMonth() + 1)%> <% day = '' +