Démo de l'API Google Maps - google undefined

Question

J'essaie d'implémenter l'API Google Maps et j'ai suivi la démo officielle.

J'ai copié le code et effectué une seule modification :

// Lève une erreur : accès au script à 'file:///D:/Desktop/Stuff/map-test/test.js' depuis l'origine « null » a été bloqué par la politique CORS : les requêtes d'origine croisée ne sont prises en charge que pour les schémas de protocole : http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
    <script type="module" src="./index.js"></script>

    // Changé par ceci
    <script src="./index.js"></script>

En conséquence, je reçois l'erreur suivante :

ReferenceError : google n'est pas défini à initMap

Je suppose que cela est dû à la suppression de type="module" Comment la plupart des gens l'implémentent-ils puisqu'il semble que vous deviez héberger le module vous-même afin de l'importer pour cela ?

J'ai modifié le code comme suit, mais cela génère un avertissement.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key= API_KEY"></script>

// Avertissement : l'API JavaScript de Google Maps a été chargée directement sans rappel. Ceci n'est pas pris en charge et peut entraîner des conditions de concurrence et des performances sous-optimales. Pour les modèles de chargement pris en charge, veuillez consulter https://goo.gle/js-api-loading< /pré>
<p>Merci ! </p>
<p>Éditeur :</p>
<p>J'ai lu les réponses précédentes sur l'utilisation d'un serveur HTTP pour héberger des fichiers et j'ai mal compris ce qu'elles signifiaient par héberger des fichiers JS. Au lieu de cela, vous devez héberger le fichier HTML localement à des fins de test plutôt que d'ouvrir le fichier HTML directement (c'est-à-dire en double-cliquant dessus dans l'Explorateur de fichiers). </p>
<p>Utilisez donc python3 :</p>
<pre class="brush:php;toolbar:false;"># dans le répertoire qui contient index.html :
python3 -m http.server 8080

Visiter http://localhost:8080/index.html fonctionne pour moi. Merci!

Answer 1

J'ai lu les réponses précédentes sur l'utilisation d'un serveur HTTP pour héberger des fichiers et j'ai mal compris ce qu'elles signifiaient par héberger des fichiers JS. Au lieu de cela, vous devez héberger le fichier HTML localement à des fins de test plutôt que de l'ouvrir directement (c'est-à-dire en double-cliquant dessus dans l'Explorateur de fichiers).

Alors utilisez python3 :

# in the directory that contains index.html:
python3 -m http.server 8080

Visiter http://localhost:8080/index.html a fonctionné pour moi. Merci!