zoukankan      html  css  js  c++  java
  • JavaScript 获得 坐标

    <!DOCTYPE html>
    <html>
            <head>
            <title>location</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta name="viewport" 
                  content="width=device-width;
                  initial-scale=1.0;
                  maximum-scale=1.0;
                  user-scalable=0;
                  target-densitydpi=device-dpi;"/>
        </head>
    <body>
    <p id="demo">点击这个按钮,获得您的坐标:</p>
    <button onclick="getLocation()">试一下</button>
    <div id="mapholder"></div>
    <script src="http://maps.google.com/maps/api/js?sensor=false">
    </script>
    <script>
    var x=document.getElementById("demo");
    function getLocation()
      {
      if (navigator.geolocation)
        {
        navigator.geolocation.getCurrentPosition(showPosition,showError,{enableHighAccuracy:false,maximumAge:1000,timeout:15000});
        }
      else{x.innerHTML="Geolocation is not supported by this browser.";}
      }
    function showPosition(position)
      {
      x.innerHTML="Latitude: " + position.coords.latitude + 
      "<br />Longitude: " + position.coords.longitude;	
      }
      function showError(error){
      switch(error.code){
      case error.PERMISSION_DENIED:
    	x.innerHTML="User denied the request for Geolocation";
      break;
      case error.POSITION_UNAVAILABLE:
        x.innerHTML="Location information is unavailable";
      break;
      case error.TIMEOUT:
        x.innerHTML="The request to get user location timed out";
      break;
      case error.UNKNOWN_ERROR:
        x.innerHTML="An unknown error occurred.";
      break;
      }
      }
    </script>
    </body>
    </html>

  • 相关阅读:
    ELK-安装logstash
    ELK-安装kibana
    ELK-Elasticsearch安装
    springboot+springcloud集成jar
    nginx普通配置/负载均衡配置/ssl/https配置
    apidoc @apiGroup兼容中文
    Jenkins定时构建时间设置
    nginx配置ssl证书实现https访问
    骚胖选股法
    Dockerfile 时区设置
  • 原文地址:https://www.cnblogs.com/aikongmeng/p/3697415.html
Copyright © 2011-2022 走看看