HTML5通訊機制與html5地理信息定位（gps）

時間 2019-11-12

標籤 html5 html 通訊機制地理信息定位 gps 欄目 HTML5 简体版

原文原文鏈接

WebSocket 接口 html

var socket = new WebSocket(location);
   socket.onopen = function(event) {
   socket.send(「Hello, WebSocket」);  // 」postMessage」
}
socket.onmessage = function(event) { alert(event.data); }
socket.onclose = function(event) { alert(「closed」); }

熟悉 Socket 編程的人可能一看就明白了，其實 WebSocket 的接口與 Java 開發中經常使用的 Socket 的接口很是類似，經過「send」發送請求，「onmessage」來處理返回的消息。WebSocket 對象有三個事件：open，close 和 message。當鏈接創建時觸發 open 事件，當收到消息時觸發 message 事件，當 WebSocket 鏈接關閉時觸發 close 事件。同大多數 JavaScript API 同樣，事件處理時會調用相應的「onopen」, 「onmessage」, 和「onclose」回調函數。html5

最後咱們來看看 HTML5 支持的地理信息定位，接口很是簡單：git

地理信息定位接口 編程

<script>
function getLocation(){
  if(navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(showPosition);
  }else {
     console.log("Geolocation is not supported");
  }
}

function showPosition(position){
   console.log("Latitude: " + position.coords.latitude + "<br />Longitude: "
   + position.coords.longitude);
}
getLocation();
</script>

很明顯，經過「getCurrentPosition」獲取地理經緯度信息，經過回調函數「showPosition」基於地理信息做出相應處理，「position」對象裏除了「latitude」和「longitude」以外，還有諸如「accuracy」，「altitude」，「speed」等等不少有用的值，但願你們注意一下。（支持瀏覽器 IE九、Firefox、Chrome，Safari 和 Opera）api

http://www.cnblogs.com/lhb25/archive/2012/07/10/html5-geolocation-api-demo.html瀏覽器

http://blog.csdn.net/lxfzgg/article/details/11519057/socket