Question

以下代码无法在jsp页面中使用。可能是什么错误？

<html>
   <head>
      <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
      <meta charset="utf-8">
      <title>Geocoding service</title>
      <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
      <script>         
         function codeAddress() {         
             var address = document.getElementById("address").value;                      
             var geocoder = new google.maps.Geocoder();
             geocoder.geocode( { 'address': address}, function(results,status) {
             var location = results[0].geometry.location;
             alert('LAT: ' + location.lat() + ' LANG: ' + location.lng());});
         }
         google.maps.event.addDomListener(window, 'load', codeAddress);     
      </script>   
   </head>
   <body>
      <div id="panel">       <input id="address" type="textbox" value="Tembhurkheda, Maharashtra, INDIA">       <input type="button" value="Geocode" onclick="codeAddress()">     </div>
   </body>
</html>

Answer 1

检查您的浏览器控制台。它正在抛出以下错误

js:35 Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

你需要获得KEY来使用这个api。应该用作

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>

Refer this

代码在HTML中工作，但不在JSP中工作

1 个答案: