Advertisement
Guest User

Drag Markers and Polylines

a guest
Sep 12th, 2013
206
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function MarkersAndPolys(markers) {
  2.  
  3.     var id;
  4.     var mark = {};
  5.    
  6.     var length = [markers.length];
  7.     var infowindow = new google.maps.InfoWindow();
  8.  
  9.     for (var i = 0; i < length; i++) {
  10.         dataPoint = markers[i];
  11.         var latlong = new google.maps.LatLng(dataPoint.Point_GPS_LatitudeDec, dataPoint.Point_GPS_LongitudeDec);
  12.  
  13.         var marker = new MarkerWithLabel({
  14.             position: latlong,
  15.             map: map,
  16.             icon: 'https://maps.gstatic.com/intl/en_us/mapfiles/markers2/measle_blue.png',
  17.             labelContent: dataPoint.OrderInRoute,
  18.             labelAnchor: new google.maps.Point(6, 35),
  19.             labelClass: "Markerlabels",
  20.             labelInBackground: false,
  21.             draggable: true,
  22.             reqID: dataPoint.RequestID
  23.         });
  24.  
  25.         marker.setMap(map);
  26.         id = marker.__gm_id
  27.         reqID = marker.RequestID;
  28.         mark[id] = marker;
  29.  
  30.         map.setCenter(marker.getPosition());
  31.         markersArray.push(marker);
  32.         map.setZoom(13);
  33.  
  34.         var latlong = new google.maps.LatLng(dataPoint.Point_GPS_LatitudeDec, dataPoint.Point_GPS_LongitudeDec);
  35.         lats.push(new google.maps.LatLng(latlong.lat(), latlong.lng()))
  36.  
  37.        
  38.         var paths = new google.maps.Polyline({
  39.             map: map,
  40.             path: lats,
  41.             strokeColor: '#FF0000',
  42.             strokeOpacity: 1.0,
  43.             strokeWeight: 1,
  44.             geodesic: true
  45.             //editable: true,
  46.             //draggable: true
  47.         });
  48.         poly.push(paths);
  49.         content = MarkersInfoWindowPoints();
  50.         bindInfoW(marker, content, infowindow);
  51.        
  52.         google.maps.event.addListener(marker, 'dragend', function (evt) {
  53.             var lat = evt.latLng.lat().toFixed(myCoordsLenght);
  54.             var long = evt.latLng.lng().toFixed(myCoordsLenght);
  55.             reqID = this.reqID;
  56.             PageMethods.AlterCoords(lat, long, reqID);
  57.         });
  58.  
  59.         google.maps.event.addListener(marker, "rightclick", function (point) {
  60.             var conf = confirm("Clear Marker?");
  61.             if (conf == true) {
  62.                 id = this.__gm_id;
  63.                 reqID = this.reqID;
  64.                 delMarker(id)
  65.                 PageMethods.CreateStatusRouteClientSide(reqID);
  66.                 }
  67.         });
  68.         var delMarker = function (id) {
  69.             marker = mark[id];
  70.             marker.setMap(null);
  71.         }
  72.  
  73.     }
  74.    
  75. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement