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>
    

      

  • 相关阅读:
    CAS无锁模式
    Redis 字符串结构和常用命令
    Redis 链表结构 和 常用命令
    Redis hash结构 和常用命令
    Spring + Redis ( 简单使用)
    使用idea 搭建一个 SpringBoot + Mybatis + logback 的maven 项
    Java 208道面试题及部分答案
    面试相关知识点
    使用IDEA 搭建一个SpringBoot + Hibernate + Gradle
    Java相关知识点
  • 原文地址:https://www.cnblogs.com/JamyWong/p/7623161.html
Copyright © 2011-2022 走看看