zoukankan      html  css  js  c++  java
  • 手机获得经纬度

    <script src="jquery-2.1.3.min.js"></script>
    
     
    
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
    
    <div id="allmap" style="height: 500px;"></div>
    <div id="r-result">
    经度: <input id="longitude" type="text" style="100px; margin-right:10px;" />
    纬度: <input id="latitude" type="text" style="100px; margin-right:10px;" />
    <input type="button" value="查询" onclick="theLocation()" />
    </div>
    

      

    <script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
    map.enableScrollWheelZoom(true);
    
    // 用经纬度设置地图中心点
    function theLocation(){
    if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
    map.clearOverlays(); 
    var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
    var marker = new BMap.Marker(new_point); // 创建标注
    map.addOverlay(marker); // 将标注添加到地图中
    map.panTo(new_point); 
    }
    }
    
    
    var a=document.getElementById("latitude");//纬度
    var b=document.getElementById("longitude");//经度
    
    $(document).ready(function(){
    if (navigator.geolocation){
    navigator.geolocation.getCurrentPosition(showPosition);
    }else{
    x.innerHTML="该浏览器不支持获取地址位置.";//不起作 用
    }
    });
    
    function showPosition(position){
    a.value = position.coords.latitude;
    b.value = position.coords.longitude;
    
    }
    </script>
    

      

  • 相关阅读:
    Ubuntu 系统下载
    Shell 变量自增实现方法
    shell 单引号以及双引号
    A look at WeChat security
    利用HTTP Cache来优化网站
    require.js 简洁入门
    Nginx rewrite URL examples with and without redirect address
    页面制作部分之PS切图
    Joda-Time 简介
    [官方摘要]Setup And Configuration memcached with Tomcat
  • 原文地址:https://www.cnblogs.com/JamyWong/p/7623161.html
Copyright © 2011-2022 走看看