Merge pull request #6 from redbadger/badger-pin

Add a custom pin
redbadger · Mar 18, 2020 · cc5e81f · cc5e81f
2 parents b0cf8b2 + f096d7d
commit cc5e81f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/badger-pin.png b/badger-pin.png
diff --git a/index.html b/index.html
@@ -193,13 +193,22 @@ <h1>Sign in to continue</h1>
             function(response) {
               const range = response.result;
 
+              var pinIcon = new google.maps.MarkerImage(
+                "./badger-pin.png",
+                null /* size is determined at runtime */,
+                null /* origin is 0,0 */,
+                null /* anchor is bottom center of the scaled image */,
+                new google.maps.Size(30, 50)
+              );
+
               range.values.forEach(function(row) {
                 const [name, lat, lng, slack] = row;
 
                 console.log("Add marker for", name, "at", lat, lng);
                 const marker = new google.maps.Marker({
                   position: { lat: +lat, lng: +lng },
                   animation: google.maps.Animation.DROP,
+                  icon: pinIcon,
                   map
                 });
                 const content = document.createElement("div");