Question

我正在编写一个java web应用程序，我在jsp文件中有以下头标记。

<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta charset="utf-8">   
<title>EECE 417 Exercise 3</title>    
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<script type="text/javascript" src="/javascripts/main.js"></script>        
<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAxfoydM9lSVCJi-vhMZJ_Q3eawPjIsuLw&sensor=true">
</script>    
<script type="text/javascript"> 

    function initialize() {

        var myLatlng = new google.maps.LatLng(37.33152141760375,-122.04732071026367);   

        var mapOptions = {
          center: myLatlng,
          zoom: 12
        };

        map = new google.maps.Map(document.getElementById("map-canvas"),
          mapOptions);      

        var mrkID = "0";
        var gstBkNm = "Guestbook_" + mrkID; //guestbookNameString; //"default";
        var msgbox = "msgbox_" + mrkID; 
        var msglist = "msglist_" + mrkID;


        var contentString  = '#' + mrkID + '<div id="content">' +   
          '<div class="msglist" id="'+ msglist +'"></div>' + '</div>' +
          '<textarea id="'+ msgbox +'" rows="2" cols="20"></textarea>' +              
          '<input type="button" value="Post" onclick="postAjaxRequest('+ 
            "'" + msgbox + "', '" + mrkID + "', '" + gstBkNm + "', '" + msglist + "'" +')"/>';  

        var infowindow = new google.maps.InfoWindow({
          content: contentString

        }); 

        var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
        var icons = {
            parking: {
                icon: iconBase + 'parking_lot_maps.png'
            },
            library: {
                icon: iconBase + 'library_maps.png'
            },
            info: {
                icon: iconBase + 'info-i_maps.png'
            }
        };

        var marker = new google.maps.Marker({       
          position: myLatlng,
          map: map,
          icon: icons['parking'].icon,  
          animation: google.maps.Animation.DROP,
          title: 'Custom Marker!'
        });    

        google.maps.event.addListener(marker, 'click', function() {
          map.setZoom(13);
          guestbookNameString = gstBkNm;
          selectedMarkerID = mrkID;     
          infowindow.open(map, marker);
          getAjaxRequest();   
        });        

        // Load the selected markers            
        alert("initialize");
        loadMarkers();
        alert("initialize1");
    }      

    google.maps.event.addDomListener(window, 'load', initialize);
</script>

我在代码中有两个警告，在脚本中调用loadMarkers（）函数。这个loadMarkers（）出现在包含的src文件中（位于main.js中的jsp head标签中

由于某种原因，它无法在loadMarkers（）中执行代码。我在main.js中有loadmarkers（），如下所示：

function loadMarkers() { 
    alert("loadMarkers"); 
    try { 
        xmlHttpReq = new XMLHttpRequest(); 
        xmlHttpReq.onreadystatechange = httpCallBackFunction_loadMarkers; 
        var url = "/resources/markers.xml"; 

        xmlHttpReq.open('GET', url, true); 
        xmlHttpReq.send(null);           
    } catch (e) { 
        alert("Error: " + e); 
    }    
}

应用程序似乎运行良好，我之前没有遇到过这个问题。还值得注意的是，getAjaxRequest（）也在main.js文件中并且似乎没有用，因为我在该函数的开头设置了警报，但它并没有在我的浏览器中显示。如果我能够对如何解决这个问题有所了解，那将是非常有益的。感谢。

Answer 1

我设法让所有提醒工作here

我必须包含一个带有id＆＃34; map-canvas＆＃34;的div。在正文中，将loadMarkers()移出main.js文件。

Answer 2

似乎问题是由于我的javascript中的Ajax请求函数进行的计算引起的。这看起来很奇怪但是在将计算结果从功能中移出后，标记似乎正确加载。警报并未在浏览器中显示，这仍然非常奇怪。

JSP无法执行脚本标记中包含的javascript函数

2 个答案: