Demo API Peta Google - google undefined

Question

Saya cuba melaksanakan API Peta Google dan telah mengikuti Demo rasmi.

Saya menyalin kod dan membuat hanya satu perubahan:

// Menimbulkan ralat: Akses kepada skrip di 'file:///D:/Desktop/Stuff/map-test/test.js' daripada asal 'null' telah disekat oleh dasar CORS: Permintaan asal silang hanya disokong untuk skema protokol: http, data, apl terpencil, sambungan krom, krom, https, tidak dipercayai krom.
    <jenis skrip="modul" src="./index.js"></script>

    // Berubah kepada ini
    <skrip src="./index.js"></script>

Akibatnya, saya menerima ralat berikut:

ReferenceError: google tidak ditakrifkan di initMap

Saya rasa ini disebabkan oleh mengalih keluar type="module" Bagaimanakah kebanyakan orang melaksanakannya kerana nampaknya anda perlu mengehos modul itu sendiri untuk mengimportnya untuk ini?

Saya telah menukar kod kepada yang berikut, tetapi ini memberikan amaran.

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

// Amaran: API JavaScript Peta Google telah dimuatkan terus tanpa panggilan balik Ini tidak disokong dan boleh membawa kepada keadaan perlumbaan dan prestasi suboptimum Untuk corak pemuatan yang disokong, sila lihat https://goo.gle/js-api-loading< /pra>
<p>Terima kasih! </p>
<p>Editor:</p>
<p>Saya membaca jawapan sebelumnya tentang menggunakan pelayan HTTP untuk mengehoskan fail dan saya salah faham maksudnya dengan mengehos fail JS. Sebaliknya, anda harus mengehoskan fail HTML secara setempat untuk tujuan ujian dan bukannya membuka fail HTML secara terus (iaitu mengklik dua kali dalam File Explorer). </p>
<p>Jadi gunakan python3:</p>
<pre class="brush:php;toolbar:false;"># dalam direktori yang mengandungi index.html:
python3 -m http.server 8080

Melawat http://localhost:8080/index.html berkesan untuk saya. Terima kasih!

Answer 1

Saya membaca jawapan sebelumnya tentang menggunakan pelayan HTTP untuk mengehoskan fail dan saya salah faham maksudnya dengan mengehos fail JS. Sebaliknya, anda harus mengehoskan fail HTML secara setempat untuk tujuan ujian dan bukannya membuka fail HTML secara terus (iaitu mengklik dua kali dalam File Explorer).

Jadi gunakan python3:

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

Melawat http://localhost:8080/index.html berkesan untuk saya. Terima kasih!