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