<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>在網頁中調用百度地圖</title>
<!--<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>-->
<script type="text/javascript" src=src="http://api.map.baidu.com/api?key=*&v=1.0&services=true"></script>
</head>
<body οnlοad="init()">
<div id="map" width="800" height="600"></div>
<script>
function init(){
if(navigator.geolocation){
//獲取當前地理位置
navigator.geolocation.getCurrentPosition(showposition,showerror);
}
else{
alert("您的瀏覽器不支持獲取地理位置信息！");
}
}
//獲取當前地理位置
function showposition(position){
var coords=position.coords;
//指定一個谷歌地圖上的座標點，同時指定該座標點的橫座標和縱座標,顯示谷歌地圖
var latlng=new google.maps.LatLng(coords.latitude,coords.longitude);
var myOptions={
zoom:14,//設定放大倍數
center:latlng,//將地圖中心設定爲指定的座標點
mapTypeId:google.maps.mapTypeId.ROADMAP//指定地圖類型
};
//創建地圖，並在頁面map中顯示，
var map=new google.maps.Map(document.getElementById("map"),myOptions);
//在地圖上創建標記
var marker=new google.maps.Marker({
position:latlng,//將前面設定的座標標註出來
map:map//將該標註設置在剛纔創建的map中
}
);
//標註提示窗口
var infoWindow=new google.maps.InfoWindow({
content:"當前位置：<br/>經度："+latlng.lat()+"緯度："+latlng.lng()//提示窗體信息
});
//打開提示窗口
infoWindow.open(map,marker);
}
function showerror(error){
//處理錯誤
// case 1:
// alert("服務位置被拒絕！");break;
// case 2:
// alert("暫時獲取不到位置信息！");break;
// case 3:
// alert("獲取信息超時！");break;
// default:
// alert("未知錯誤");break;
alert(error.code+" "+error.message);
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>在網頁中調用百度地圖</title>
<!--<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>-->
<script type="text/javascript" src=src="http://api.map.baidu.com/api?key=*&v=1.0&services=true"></script>
</head>
<body οnlοad="init()">
<div id="map" width="800" height="600"></div>
<script>
function init(){
if(navigator.geolocation){
//獲取當前地理位置
navigator.geolocation.getCurrentPosition(showposition,showerror);
}
else{
alert("您的瀏覽器不支持獲取地理位置信息！");
}
}
//獲取當前地理位置
function showposition(position){
var coords=position.coords;
//指定一個谷歌地圖上的座標點，同時指定該座標點的橫座標和縱座標,顯示谷歌地圖
var latlng=new google.maps.LatLng(coords.latitude,coords.longitude);
var myOptions={
zoom:14,//設定放大倍數
center:latlng,//將地圖中心設定爲指定的座標點
mapTypeId:google.maps.mapTypeId.ROADMAP//指定地圖類型
};
//創建地圖，並在頁面map中顯示，
var map=new google.maps.Map(document.getElementById("map"),myOptions);
//在地圖上創建標記
var marker=new google.maps.Marker({
position:latlng,//將前面設定的座標標註出來
map:map//將該標註設置在剛纔創建的map中
}
);
//標註提示窗口
var infoWindow=new google.maps.InfoWindow({
content:"當前位置：<br/>經度："+latlng.lat()+"緯度："+latlng.lng()//提示窗體信息
});
//打開提示窗口
infoWindow.open(map,marker);
}
function showerror(error){
//處理錯誤
// case 1:
// alert("服務位置被拒絕！");break;
// case 2:
// alert("暫時獲取不到位置信息！");break;
// case 3:
// alert("獲取信息超時！");break;
// default:
// alert("未知錯誤");break;
alert(error.code+" "+error.message);
}
</script>
</body>
</html>
