2017-04-18 58 views
-1

以下のコードはjspページでは機能しません。何が原因なのですか?コードはHTMLでは動作しますが、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>

+1

JSPはJavaのを使用して、なぜタグPHPとして使用する必要がありますか? – frz3993

答えて

0

あなたはこのAPIを使用するキーを取得する必要がありますconsole.Itがエラー

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

以下投げているブラウザを確認してください。そして

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

Refer this

関連する問題