Javascript 获取未捕获的语法错误:输入意外结束
我正在制作一个web程序,在同一个mysql数据库中显示来自两个表的数据。为此,我有一个输出2个json对象(名为hist和hist2)的php文件。我试图在谷歌地图中将表中的位置显示为标记。在我将显示给您的行中,我收到一个错误Javascript 获取未捕获的语法错误:输入意外结束,javascript,json,Javascript,Json,我正在制作一个web程序,在同一个mysql数据库中显示来自两个表的数据。为此,我有一个输出2个json对象(名为hist和hist2)的php文件。我试图在谷歌地图中将表中的位置显示为标记。在我将显示给您的行中,我收到一个错误未捕获的SyntaxError:输入意外结束 <script> $(document).ready(function() { var lat = "48.85809"; var lon = "2.294694"; var myPath = [
未捕获的SyntaxError:输入意外结束
<script>
$(document).ready(function() {
var lat = "48.85809";
var lon = "2.294694";
var myPath = [];
var myPath2 = [];
infoWindows = Array();
infoWindows2 = Array();
markers = Array();
markers2 = Array();
var image = 'https://cdn0.iconfinder.com/data/icons/isometric-city-basic-transport/48/truck-front-01-48.png';
var image2 = 'https://i.imgur.com/FGEuaWh.png';
function initMap() {
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(parseFloat(lat),parseFloat(lon)),
panControl: true,
zoomControl: true,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map"), myOptions);
}
function addMarker(latLng,time,id, map) {
var marker = new google.maps.Marker({
position: latLng,
map: map,
icon: image,
infoWindowIndex: id
});
var content = '<div id="Marker_Time">' +
'<h6>' + 'Información' + '</h6>' +
'<p>' + time + '</p>' + '</div>';
var infoWindow = new google.maps.InfoWindow({
content: content
});
google.maps.event.addListener(marker, 'click',
function(event) {
infoWindow.open(map, marker);
}
);
infoWindows.push(infoWindow);
markers.push(marker);
return marker;
}
function addMarker2(latLng,time,id,rpm, map) {
var marker2 = new google.maps.Marker({
position: latLng,
map: map,
icon: image,
infoWindowIndex: id
});
var content2 = '<div id="Marker_Time">' +
'<h6>' + 'Información' + '</h6>' +
'<p>' + time2 + '</p>' +'<p>' + rpm +'</p>' + '</div>' ;
var infoWindow2 = new google.maps.InfoWindow({
content: content2
});
google.maps.event.addListener(marker, 'click',
function(event) {
infoWindow.open(map, marker);
}
);
infoWindows2.push(infoWindow2)
markers2.push(marker2);
return marker2;
}
<?php
ob_start();
include_once 'finalquery2.php';
$output = ob_end_clean(); ?>
var json_hist = jQuery.parseJSON(JSON.stringify(hist));
INIT_LAT = parseFloat(json_hist[json_hist.length - 1].Latitude);
INIT_LON = parseFloat(json_hist[json_hist.length - 1].Longitude);
$(json_hist).each(function() {
var ID = this.ID;
var LATITUDE = this.Latitude;
var LONGITUDE = this.Longitude;
var TIME=this.DateTime;
myCoord2 = new google.maps.LatLng(parseFloat(LATITUDE), parseFloat(LONGITUDE));
myPath.push(myCoord2);
var myPathTotal2 = new google.maps.Polyline({
path: myPath,
strokeColor: '#e95d3c',
strokeOpacity: 1.0,
strokeWeight: 5
});
myPathTotal2.setPath(myPath)
myPathTotal2.setMap(map);
addMarker(new google.maps.LatLng(LATITUDE, LONGITUDE),TIME,ID, map);
});
var json_hist2 = jQuery.parseJSON(JSON.stringify(hist2));
INIT_LAT2 = parseFloat(json_hist2[json_hist2.length - 1].Latitude);
INIT_LON2 = parseFloat(json_hist2[json_hist2.length - 1].Longitude);
$(json_hist2).each(function() {
var ID2 = this.ID;
var LATITUDE2 = this.Latitude;
var LONGITUDE2 = this.Longitude;
var TIME2 =this.DateTime;
var rpm = this.RPM;
myCoord2b = new google.maps.LatLng(parseFloat(LATITUDE2), parseFloat(LONGITUDE2));
myPath2.push(myCoord2b);
var myPathTotal2b = new google.maps.Polyline({
path: myPath,
strokeColor: '#000',
strokeOpacity: 1.0,
strokeWeight: 5
});
myPathTotal2b.setPath(myPath)
myPathTotal2b.setMap(map);
addMarker2(new google.maps.LatLng(LATITUDE2, LONGITUDE2),TIME2,ID2,rpm, map);
}); //Here is the Uncaught SyntaxError
</script>
$(文档).ready(函数(){
var lat=“48.85809”;
var lon=“2.294694”;
var myPath=[];
var myPath2=[];
infoWindows=Array();
infoWindows2=Array();
标记=数组();
markers2=数组();
var图像处理https://cdn0.iconfinder.com/data/icons/isometric-city-basic-transport/48/truck-front-01-48.png';
var image2https://i.imgur.com/FGEuaWh.png';
函数initMap(){
变量myOptions={
缩放:16,
中心:新的google.maps.LatLng(parseFloat(lat),parseFloat(lon)),
泛控制:对,
动物控制:对,
scaleControl:对,
mapTypeId:google.maps.mapTypeId.ROADMAP
}
map=新的google.maps.map(document.getElementById(“map”),myOptions);
}
功能添加标记(板条、时间、id、地图){
var marker=new google.maps.marker({
位置:latLng,
地图:地图,
图标:图像,
infoWindowIndex:id
});
变量内容=“”+
“+”信息“+”+
“”+时间+”“+”;
var infoWindow=new google.maps.infoWindow({
内容:内容
});
google.maps.event.addListener(标记“click”,
功能(事件){
信息窗口。打开(地图、标记);
}
);
推送(infoWindow);
标记器。推(标记器);
返回标记;
}
函数addMarker2(latLng、time、id、rpm、map){
var marker2=新的google.maps.Marker({
位置:latLng,
地图:地图,
图标:图像,
infoWindowIndex:id
});
var content2=''+
“+”信息“+”+
“”+time2+”“+”“+rpm+”“+”;
var infoWindow2=新建google.maps.InfoWindow({
内容:内容2
});
google.maps.event.addListener(标记“click”,
功能(事件){
信息窗口。打开(地图、标记);
}
);
infoWindows2.push(infoWindow2)
markers2.推(marker2);
返回标记2;
}
var json_hist=jQuery.parseJSON(json.stringify(hist));
INIT_LAT=parseFloat(json_hist[json_hist.length-1].Latitude);
INIT_LON=parseFloat(json_hist[json_hist.length-1]。经度);
$(json_hist).each(函数(){
var ID=this.ID;
var纬度=这个纬度;
var经度=这个经度;
var TIME=this.DateTime;
mycord2=新的google.maps.LatLng(parseFloat(纬度),parseFloat(经度));
myPath.push(mycord2);
var myPathTotal2=新的google.maps.Polyline({
路径:myPath,
strokeColor:“#e95d3c”,
笔划不透明度:1.0,
冲程重量:5
});
myPathTotal2.setPath(myPath)
myPathTotal2.setMap(map);
addMarker(新的google.maps.LatLng(纬度、经度)、时间、ID、地图);
});
var json_hist2=jQuery.parseJSON(json.stringify(hist2));
INIT_LAT2=parseFloat(json_hist2[json_hist2.length-1].Latitude);
INIT_LON2=parseFloat(json_hist2[json_hist2.length-1]。经度);
$(json_hist2).each(function(){
var ID2=this.ID;
var LATITUDE2=该纬度;
var LONGITUDE2=此经度;
var TIME2=this.DateTime;
var rpm=此.rpm;
mycord2b=新的google.maps.LatLng(parseFloat(LATITUDE2)、parseFloat(LONGITUDE2));
myPath2.push(mycord2b);
var myPathTotal2b=新的google.maps.Polyline({
路径:myPath,
strokeColor:“#000”,
笔划不透明度:1.0,
冲程重量:5
});
myPathTotal2b.setPath(myPath)
myPathTotal2b.setMap(map);
addMarker2(新的google.maps.LatLng(LATITUDE2,LONGITUDE2),TIME2,ID2,rpm,map);
});//这是未损坏的语法错误
我将它粘贴到Sublime中,一切看起来都井然有序,所以我不知道为什么会出现这个问题,这也会阻止地图加载
关闭$(json_hist2)。每个(函数(){
行。添加一个}返回标记后2;}我相信您没有关闭原始的ready函数。正确缩进代码对防止语法错误有很大帮助。它不仅是为了外观和满足我的OCD。我知道我知道,但我正在编辑其他人的代码,因此我正在使用我得到的_(ツ)_/''我很抱歉。这是问题的一部分,还是仅仅因为它使阅读变得更困难?它说有一个未捕获的语法错误,因为它期待一个结束。}这就是为什么输入意外结束,它期待更多要找到这样的语法错误,你必须使用正确的缩进,看看问题可能在哪里。是的,它是t的一部分这里有一个问题。如果你使用正确的缩进,你会看到代码末尾缺少大括号。现在我遇到了其他错误,但它们是不相关的。我想就是这样。非常感谢!代码本身表明return marker2;}
不是必须添加}
的地方,代码缺少})
而不仅仅是一个}
。