Javascript 从地理位置页面导航后加载html页面时出现问题
我正在研究javascript和jquery。我已经创建了两个页面，第一个页面将生成当前位置的地图视图，如果我们单击当前位置，它将导航到下一个页面，该页面将找到用户的lat和long，并生成天气报告。但是这两个页面单独工作很好，但是当集成时会生成地图视图，但是当单击天气链接时，页面不会被加载。任何建议或帮助都将不胜感激。我甚至修改了天气页面的代码，并将地理位置代码粘贴到下面： 我的HTML地址代码：Javascript 从地理位置页面导航后加载html页面时出现问题,javascript,jquery,google-maps,google-maps-api-3,geolocation,Javascript,Jquery,Google Maps,Google Maps Api 3,Geolocation,我正在研究javascript和jquery。我已经创建了两个页面，第一个页面将生成当前位置的地图视图，如果我们单击当前位置，它将导航到下一个页面，该页面将找到用户的lat和long，并生成天气报告。但是这两个页面单独工作很好，但是当集成时会生成地图视图，但是当单击天气链接时，页面不会被加载。任何建议或帮助都将不胜感激。我甚至修改了天气页面的代码，并将地理位置代码粘贴到下面： 我的HTML地址代码： <!DOCTYPE html> <html>
<!DOCTYPE html>
<html>
<head>
<title>Getting Geolocation for Weather Details</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map_canvas {
height: 100%;
}
@media print {
html, body {
height: auto;
}
#map_canvas {
height: 650px;
}
}
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var map;
function initialize() {
var myOptions = {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'),
myOptions);
// Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);
var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: '<a href="weatherdetails.html">click here for weather details</a>'
});
map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn\'t support geolocation.';
}
var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
获取地理位置以获取天气详细信息
html，正文{
身高：100%；
保证金：0；
填充：0；
}
#地图画布{
身高：100%；
}
@媒体印刷品{
html，正文{
高度：自动；
}
#地图画布{
高度：650px；
}
}
var映射；
函数初始化（）{
变量myOptions={
缩放：16，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map_canvas'），
肌肽）；
//试试HTML5地理定位
if（导航器.地理位置）{
navigator.geolocation.getCurrentPosition（函数（位置）{
var pos=新的google.maps.LatLng（position.coords.latitude，
位置坐标经度）；
var infowindow=new google.maps.infowindow({
地图：地图，
职位:pos,，
内容：“”
});
地图设置中心（pos）；
}，函数（）{
手持导航（真）；
});
}否则{
//浏览器不支持地理位置
手动定位（假）；
}
}
函数handleNogeLocation（errorFlag）{
如果（错误标志）{
var content='错误：地理位置服务失败'；
}否则{
var content='错误：您的浏览器不支持地理位置'；
}
变量选项={
地图：地图，
职位：新google.maps.LatLng（60105），
内容：内容
};
var infowindow=new google.maps.infowindow（选项）；
地图设置中心（选项位置）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
未捕获引用错误：validateForm未定义