Use Google maps and contacts to make a game where u guess who your contacts are on the map's game

Click here for free DL of the app version that can save data.

No:16017

113

←

Prev Next

→

Use Google maps and contacts to make a game where ..ALL
Developer User6924｜Date and time 23/9/15 4:40:05
Build time 28.832 sec｜Game capacity 3.309KB｜

Script

In this game, you'll be prompted to guess the latitude and longitude coordinates of each contact's location (given their profile names and profile pictures). The actual locations of the contacts will be displayed along with the distance between your guess and the actual location in meters.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

Sure, here's an example of a game implemented as a single HTML file using JavaScript and Google Maps API. The game is called "Guess-N-Map" and it allows you to guess the location of your contacts on the map based on their profile pictures. Please note that you will need to obtain a Google Maps API key for the map to function correctly.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Guess-N-Map</title>
  <style>
    #map {
      height: 400px;
    }
  </style>
</head>
<body>
  <h1>Guess-N-Map</h1>
  
  <div id="map"></div>

// Initialize the map
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        center: contacts[0].location,
        zoom: 8
      });

var markers = [];

// Add markers for each contact's location on the map
      contacts.forEach(function(contact) {
        var marker = new google.maps.Marker({
          position: contact.location,
          map: map,
          title: contact.name
        });

markers.push(marker);
      });

// Guess the contact's location on the map
      function guessLocation(contact) {
        var guessedLocation;

// Get the user's input for latitude and longitude
        var guessedLat = parseFloat(prompt('Guess ' + contact.name + "'s latitude:"));
        var guessedLng = parseFloat(prompt('Guess ' + contact.name + "'s longitude:"));

if (!isNaN(guessedLat) && !isNaN(guessedLng)) {
          guessedLocation = new google.maps.LatLng(guessedLat, guessedLng);
        }

// Calculate the distance between guessed and actual locations
        var distance = google.maps.geometry.spherical.computeDistanceBetween(contact.location, guessedLocation);

// Show the result
        alert(contact.name + "'s actual location: " + contact.location.lat + ', ' + contact.location.lng + '\n' +
                                             'Your guess: ' + guessedLat + ', ' + guessedLng + '\n' +
                                             'Distance (in meters): ' + distance);
      }

// Start guessing the locations
      contacts.forEach(function(contact) {
        guessLocation(contact);
      });
    }
  </script>
</body>
</html>
```

To use this code, you need to replace `'YOUR_API_KEY'` in the `<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"` line with your actual Google Maps API key.