Question

我正在尝试在我的网页中实施Google地图，但我遇到了一些问题，因为我还是webdev的新手。

我已经按照google API教程将数据保存到数据库并在我的.js文件中创建了相应的函数。

代码如下所示：

    function createMarker(location){

    if(poiMode && activeMarkerIcon != null) {
        var marker = new google.maps.Marker({
        position: location,
        icon: activeMarkerIcon,
        clickable:true,
        draggable:true,
        animation:null,
        raiseOnDrag:false,
        title: Titel,
        map: map
        });
        useFilter();
    activeGroup.push(marker);  // Marker wird zum dazugehÃ¶rigenArray hinzugefuegt
    map.setOptions({draggableCursor:'default'}) // Mauscursor wieder in ursprÃ¼nglichen Zustand versetzen
    $('body, #poi1, #poi2, #poi3, #poi4, #poi5, #poi6, #poi7, #loeschen').removeClass('poi1A poi2A poi3A poi4A poi5A poi6A poi7A deleteA');
      var html = "<table>" +
      "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
      "<tr><td>Beschreibung:</td> <td><TEXTAREA id='description' rows='10' cols='50'></TEXTAREA></td> </tr>" +
      "<tr align='right'><td></td><td><input type='button' value='Speichern' onclick='saveData()'/></td> <td><input type='button' value='Abbrechen' onclick='infowindow.close()'/></td> </tr>";
      infowindow = new google.maps.InfoWindow({
          content: html
    });
    poiMode = false;
    infowindow.open(map, marker);
    google.maps.event.addListener(marker, 'click', function(event){
        clickOnMarker(marker);
    });
    $('.activeButton').removeClass("activeButton");

    }
}

和saveData（）函数在同一个.js文件中，如下所示：

     function saveData() {
      var name = escape(document.getElementById("name").value);
      var address = escape(document.getElementById("address").value);
      var latlng = marker.getPosition();

      var url = base_url + "map/addMarker?name=" + name + "&address=" + address + "&description=" + "test" + "&user_id=" + "1" +"&lat=" + latlng.lat() + "&lng=" + latlng.lng() + "&date=" + "" +"&type=" + "poi";
      downloadUrl(url, function(data, responseCode) {
        if (responseCode == 200 && data.length <= 1) {
          infowindow.close();
          document.getElementById("message").innerHTML = "Location added.";
        }
      });
}

然而，当我按下“表单”上的保存按钮时，我收到控制台错误：

未捕获的ReferenceError：未定义saveData

你可以告诉我，我做错了吗？因为我无法看到自己的错误。在此先感谢

Answer 1

我通过将saveData()定义为infowindow

的函数来解决此问题

infowindow.saveData = function(){
...
});

并使用：

调用该函数

<input type='button' value='Save' onclick='infowindow.saveData()'/>

感谢basilikum和其他所有人！

未捕获的ReferenceError：未定义[function]

1 个答案: