Changeset 527 in tmcsimulator for trunk/webapps/cptms/CalloutMapPrototype.html

Timestamp:

11/13/2019 03:21:44 PM (6 years ago)

Author:

jdalbey

Message:

CalloutMapPrototype?.html added an example marker and info window.

File:

• trunk/webapps/cptms/CalloutMapPrototype.html (modified) (2 diffs)

trunk/webapps/cptms/CalloutMapPrototype.html

@@ -45 +45 @@
         // Define the LatLng coordinates for the polygon's path.
         var triangleCoords = [
-          {lat: 33.521694, lng: -117.666444},
-          {lat: 33.725583, lng: -117.8345},
-          {lat: 33.6543, lng: -117.9876}
+{lat: 33.72405411343989, lng: -117.73738861083986},
+{lat: 33.67378281830218, lng: -117.76039123535158},
+{lat: 33.67092561169523, lng: -117.79541015625001},  
+{lat: 33.6863533995927 , lng: -117.85617828369142},  
+{lat: 33.75346059828493, lng: -117.7782440185547 }, 
+{lat: 33.76059657418862, lng: -117.74047851562501},  
+{lat: 33.72405411343989, lng: -117.73738861083986} 
         ];
 
@@ -60 +64 @@
         });
         bigTriangle.setMap(map);
+
+
+        var contentString = '<div id="content">'+
+              '<div id="siteNotice">'+
+              '</div>'+
+              '<h1 id="firstHeading" class="firstHeading">31</h1>'+
+              '<div id="bodyContent">'+
+              '<p><b>Phone numbers for maintenance crews will appear here. </p>'+
+              '</div>'+
+              '</div>';
+
+          var infowindow = new google.maps.InfoWindow({
+            content: contentString
+          });
+          var location31 = {lat: 33.72405, lng: -117.75400};
+          var marker = new google.maps.Marker({
+            position: location31,
+            map: map,
+            title: '31'  // Maintenance Unit Number
+          });
+          marker.addListener('click', function() {
+            infowindow.open(map, marker);
+          });
+
+
       }
     </script>