å¨æ¯æhtml5å°çå®ä½APIçæµè§å¨ä¸ï¼window.navigator对象æ°å¢äºä¸ä¸ªgeolocationå±æ§ï¼ä»¥åç¸å
³çGeolocation APIãé½æ¯ç¨JSè¿è¡è®¿é®çã
ä¸é¢æ¯ä¸ä¸ªä¾åï¼
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>å°çä½ç½®</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
var cords = position.coords;
alert("å½åç»åº¦ï¼"+cords.longtitude +", 纬度ï¼"+cords.latitude);
},
function(error){
var errorTypes={1:"ä½ç½®æå¡è¢«æç»", 2:"è·åä¸å°ä½ç½®ä¿¡æ¯", 3:"è·åä½ç½®ä¿¡æ¯è¶
æ¶"};
alert( errorTypes[error.code] +":,ä¸è½ç¡®å®å½åå°çä½ç½®");
}
);
</script>
</body>
</html>
è¿åªæ¯ä¸ä¸ªä¾åï¼ä¸è¬ç¨ç»åº¦å纬度è°ç¨å°å¾å¦ç¾åº¦å°å¾çAPIæ¾ç¤ºã
注æï¼å¨çµèæ¬æºä¸æ²¡æ³æµè¯ï¼ä¸è¬æç½é¡µæ¾å°æå¡å¨ä¸ï¼ç¨ææºè®¿é®å¯ä»¥å®ä½ã
追é®æ¨å¥½ï¼æç°å¨ç代ç å¯ä»¥è·åå°å½åä½ç½®çç¾åº¦å°å¾äºã ä½æ¯ææ³å¨è¿ä¸ªå°å¾ä¸æ¾ç¤ºåºæçåæ ç¹æ¥ãããã 该æä¹åå¢ï¼
追çä½ å¯ä»¥ç¨OverlayItem,è¿ä¸ªå¯¹è±¡éé¢å¯ä»¥ä¼ å
¥å°å,ç¶åç´æ¥æ¾ç¤ºå°±å®äº