HTML5通信机制与html5地理信息定位(gps)

 WebSocket 接口 

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 支持的地理信息定位,接口非常简单:

地理信息定位接口 

<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”等等很多有用的值,希望大家注意一下。(支持浏览器 IE9、Firefox、Chrome,Safari 和 Opera)

 

你可能感兴趣的:(HTML5通信机制与html5地理信息定位(gps))