Demo API Peta Google - google undefined
<p>Saya cuba melaksanakan API Peta Google dan telah mengikuti Demo rasmi. </p>
<p>Saya menyalin kod dan membuat hanya satu perubahan: </p>
<pre class="brush:php;toolbar:false;">// 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></pre>
<p>Akibatnya, saya menerima ralat berikut: </p>
<pre class="brush:php;toolbar:false;">ReferenceError: google tidak ditakrifkan di initMap</pre>
<p>Saya rasa ini disebabkan oleh mengalih keluar <code>type="module"</code> Bagaimanakah kebanyakan orang melaksanakannya kerana nampaknya anda perlu mengehos modul itu sendiri untuk mengimportnya untuk ini? </p>
<p>Saya telah menukar kod kepada yang berikut, tetapi ini memberikan amaran. </p>
<pre class="brush:php;toolbar:false;"><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</pre>
<p>Melawat http://localhost:8080/index.html berkesan untuk saya. Terima kasih! </p>
