html5 geolocation不显示地图

0 0

html5 geolocation不显示地图3

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="script.js"></script>

</head>
<body onload="init();">
<div id="map" style="width:400px; height:400px"></div>
</body>
</html>

script.js

function init(){
alert("1");
navigator.geolocation.getCurrentPosition(function(position){
alert("success");
});
};

为什么显示不出来地图啊？
浏览器提示的消息我也点成确定了.
附件是效果

JavaScript HTML5

2012年5月10日 20:43

lc32781971
5
0 1 7

查看图片附件

2个答案按时间排序按投票排序

0 0

保存html运行再研究代码去

2012年5月11日 09:51

yzd1211aa
27
0 0 0

添加评论

0 0

<!DOCTYPE html>
<html DIR="LTR">
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 90%;width: 80% }
</style>
<title>W3C/Google Gears Geolocation </title>
<script type="text/javascript">
var initialLocation;
var siberia = new google.maps.LatLng(60, 105);
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
var browserSupportFlag = new Boolean();

function initialize() {
var myOptions = {
    zoom: 6,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

// Try W3C Geolocation (Preferred)
if(navigator.geolocation) {
    browserSupportFlag = true;
    navigator.geolocation.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeolocation(browserSupportFlag);
    });
// Try Google Gears Geolocation
} else if (google.gears) {

    browserSupportFlag = true;
    var geo = google.gears.factory.create('beta.geolocation');
    geo.getCurrentPosition(function(position) {
      initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
      map.setCenter(initialLocation);
    }, function() {
      handleNoGeoLocation(browserSupportFlag);
    });
// Browser doesn't support Geolocation
} else {
    browserSupportFlag = false;
    handleNoGeolocation(browserSupportFlag);
}

function handleNoGeolocation(errorFlag) {
    if (errorFlag == true) {
      alert("Geolocation service failed.");
      initialLocation = newyork;
    } else {
      alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
      initialLocation = siberia;
    }
    map.setCenter(initialLocation);
}
}

window.onload = initialize;
</script>
</head>
<body>
<div id="map_canvas">

</div>
</body>
</html>