Giter VIP home page Giter VIP logo

Comments (9)

spider-hand avatar spider-hand commented on July 26, 2024

Hello can you check what your console says on your browser? If you use Chrome, right click → choose inspect → select console from the tab on the right side and you can see an error message.

from geoguessmaster.

jzlandis avatar jzlandis commented on July 26, 2024

I had this issue and it was resolved when I added a VUE_APP_FIREBASE_APP_ID variable to Netflify, the instructions in the readme don't include this variable for the Netlify setup, but it does show this variable as necessary for the .env files if running locally

from geoguessmaster.

Sandros94 avatar Sandros94 commented on July 26, 2024

Hello can you check what your console says on your browser? If you use Chrome, right click → choose inspect → select console from the tab on the right side and you can see an error message.

Uncaught FirebaseError: Installations: Missing App configuration value: "appId"

I had this issue and it was resolved when I added a VUE_APP_FIREBASE_APP_ID variable to Netflify, the instructions in the readme don't include this variable for the Netlify setup, but it does show this variable as necessary for the .env files if running locally

This solved the first problem.

Now I'm getting this error Google Maps JavaScript API error: ApiNotActivatedMapError

from geoguessmaster.

Sandros94 avatar Sandros94 commented on July 26, 2024

Ok after a quick stackoverflow search I've found that I have to enable Maps JavaScript API under my Google Cloud project, but now it asks for You must enable Billing on the Google Cloud Project. Is it possible to do without it?

from geoguessmaster.

spider-hand avatar spider-hand commented on July 26, 2024

@jzlandis Thanks I didn't notice that I will update the guide soon.

from geoguessmaster.

spider-hand avatar spider-hand commented on July 26, 2024

@Sandros94 I think you must enable the billing but it doesn't matter as long as you play this game individually. If you are worried you could set a quota like this project does.
Go to your Google Cloud Project top page → Select IAM & Admin from the left side bar → Select Quotas from the left side bar → Select Maps JavaScript API → Click Map loads and you can edit the limit.

For this project, I set the limit 450 loads per day and I can run this game without paying.

from geoguessmaster.

Sandros94 avatar Sandros94 commented on July 26, 2024

@spider-hand It might be a dumb question, but this is one of the things that I want to learn about google's api and how it works (and this project is perfect for it): What do you mean by "loads per day"? When you start the game? Or when it places you somewhere or when you move around? On their pricing tab they have a small calculator, should I count both street view and dynamic maps? Or only the first one?

from geoguessmaster.

spider-hand avatar spider-hand commented on July 26, 2024

@Sandros94 You should calculate both Dynamic Street View and Static Maps. Official doc says

A dynamic Street View panorama is charged for each instantiation of a panorama object in a Maps JavaScript API, Maps SDK for Android, Maps SDK for iOS application.
An instantiation of a panorama object occurs when doing the following:
In JavaScript, with the google.maps.StreetViewPanorama() class or Map.getStreetView() method. Usage of the StreetViewService() class is not charged.

For this project, the street view loads per a round so it means only about 90 games (450 / 5) can be played in a day. About a thousand people see this project a day so the count reaches the limit instantly but if you clone this project and play this game individually, you don't have to set a limit.

from geoguessmaster.

psknayak avatar psknayak commented on July 26, 2024

I had this issue and it was resolved when I added a VUE_APP_FIREBASE_APP_ID variable to Netflify, the instructions in the readme don't include this variable for the Netlify setup, but it does show this variable as necessary for the .env files if running locally

Thanks. This works. Apologies for the late response. Closing this issue now.

from geoguessmaster.

Related Issues (14)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.