Rumah > Soal Jawab > teks badan
P粉3842444732023-08-23 20:45:44
https://maps.googleapis.com/maps/api
Ambil permintaan daripada aplikasi web dalam JavaScript bahagian hadapan tidak disokong, cara kod anda cuba menggunakannya.
Sebaliknya, anda mesti menggunakan Google Maps JavaScript API yang disokong, yang kod pelanggannya berbeza daripada apa yang anda cuba lakukan. Contoh perkhidmatan jarak matriksadalah seperti berikut:
<script> var service = new google.maps.DistanceMatrixService; service.getDistanceMatrix({ origins: [origin1, origin2], destinations: [destinationA, destinationB], travelMode: 'DRIVING', unitSystem: google.maps.UnitSystem.METRIC, avoidHighways: false, avoidTolls: false },… </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> </script>
Berikut ialah contoh penggunaan Place Autocomplete API menggunakan perpustakaan Places :
<script> function initMap() { var map = new google.maps.Map(document.getElementById('map'), { center: {lat: -33.8688, lng: 151.2195}, zoom: 13 }); ... map.controls[google.maps.ControlPosition.TOP_RIGHT].push(card); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.bindTo('bounds', map); var infowindow = new google.maps.InfoWindow(); var infowindowContent = document.getElementById('infowindow-content'); infowindow.setContent(infowindowContent); var marker = new google.maps.Marker({ map: map, anchorPoint: new google.maps.Point(0, -29) }); </script> <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places&callback=initMap" async defer></script>
Menggunakan API JavaScript Peta seperti ini - dengan memuatkan perpustakaan menggunakan elemen