diff --git a/public/static/img/markers/marker-blue.svg b/public/static/img/markers/marker-blue.svg
new file mode 100644
index 0000000..d49029e
--- /dev/null
+++ b/public/static/img/markers/marker-blue.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/public/static/img/markers/marker-gray-empty.svg b/public/static/img/markers/marker-gray-empty.svg
new file mode 100644
index 0000000..8a3d446
--- /dev/null
+++ b/public/static/img/markers/marker-gray-empty.svg
@@ -0,0 +1,10 @@
+
+
diff --git a/public/static/img/markers/marker-gray.svg b/public/static/img/markers/marker-gray.svg
new file mode 100644
index 0000000..780715f
--- /dev/null
+++ b/public/static/img/markers/marker-gray.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/public/static/img/markers/marker-green-empty.svg b/public/static/img/markers/marker-green-empty.svg
new file mode 100644
index 0000000..ed948fd
--- /dev/null
+++ b/public/static/img/markers/marker-green-empty.svg
@@ -0,0 +1,10 @@
+
+
diff --git a/public/static/img/markers/marker-green.svg b/public/static/img/markers/marker-green.svg
new file mode 100644
index 0000000..bb90e28
--- /dev/null
+++ b/public/static/img/markers/marker-green.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/public/static/img/markers/marker-red.svg b/public/static/img/markers/marker-red.svg
new file mode 100644
index 0000000..fb20dbf
--- /dev/null
+++ b/public/static/img/markers/marker-red.svg
@@ -0,0 +1,16 @@
+
+
diff --git a/public/static/js/game.js b/public/static/js/game.js
index 00f0489..e302a86 100644
--- a/public/static/js/game.js
+++ b/public/static/js/game.js
@@ -222,7 +222,13 @@
title: 'Open in Google Maps',
zIndex: Core.rounds.length * 2,
clickable: true,
- draggable: false
+ draggable: false,
+ icon: {
+ url: '/static/img/markers/marker-green.svg',
+ size: new google.maps.Size(24, 32),
+ scaledSize: new google.maps.Size(24, 32),
+ anchor: new google.maps.Point(12, 32)
+ },
});
round.realMarker.addListener('click', function () {
@@ -236,10 +242,17 @@
zIndex: Core.rounds.length,
clickable: false,
draggable: false,
+ icon: {
+ url: '/static/img/markers/marker-gray-empty.svg',
+ size: new google.maps.Size(24, 32),
+ scaledSize: new google.maps.Size(24, 32),
+ anchor: new google.maps.Point(12, 32),
+ labelOrigin: new google.maps.Point(12, 14)
+ },
label: {
color: '#ffffff',
fontFamily: 'Roboto',
- fontSize: '18px',
+ fontSize: '16px',
fontWeight: '500',
text: '?'
}
@@ -300,8 +313,15 @@
for (var i = 0; i < Core.rounds.length; ++i) {
var round = Core.rounds[i];
+ round.realMarker.setIcon({
+ url: '/static/img/markers/marker-green-empty.svg',
+ size: new google.maps.Size(24, 32),
+ scaledSize: new google.maps.Size(24, 32),
+ anchor: new google.maps.Point(12, 32),
+ labelOrigin: new google.maps.Point(12, 14)
+ });
round.realMarker.setLabel({
- color: '#812519',
+ color: '#285624',
fontFamily: 'Roboto',
fontSize: '16px',
fontWeight: '500',
@@ -385,10 +405,17 @@
position: e.latLng,
clickable: false,
draggable: true,
+ icon: {
+ url: '/static/img/markers/marker-gray-empty.svg',
+ size: new google.maps.Size(24, 32),
+ scaledSize: new google.maps.Size(24, 32),
+ anchor: new google.maps.Point(12, 32),
+ labelOrigin: new google.maps.Point(12, 14)
+ },
label: {
color: '#ffffff',
fontFamily: 'Roboto',
- fontSize: '18px',
+ fontSize: '16px',
fontWeight: '500',
text: '?'
}