zoukankan      html  css  js  c++  java
  • (转)调用百度地图API进行地理定位

    转自CSDN博客

    xmt1139057136的专栏  网址:http://blog.csdn.net/xmtblog/article/details/45093661

     1 <head runat="server">
     2     <title>调用百度地图API进行地理定位</title>
     3     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
     4     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nsfmboEtl3uEvghM4L1pGG5w"></script> 
     5 </head>
     6   <body style="margin:50px 10px;">   
     7     <form id="form1" runat="server">
     8    <div id="status" style="text-align: center"></div> 
     9    <div style="600px;height:480px;border:1px solid gray;margin:30px auto" id="container"></div>   
    10     </form>
    11 </body>
    12 </html>
    13 <script type="text/javascript">
    14     //默认地理位置设置为上海市浦东新区  
    15     var x = 121.48789949, y = 31.24916171;
    16     window.onload = function () {
    17         if (navigator.geolocation) {
    18             navigator.geolocation.getCurrentPosition(showPosition);
    19             document.getElementById("status").innerHTML = "HTML5 Geolocation is supported in your browser.";
    20             // 百度地图API功能    
    21             var map = new BMap.Map("container");
    22             var point = new BMap.Point(x, y);
    23             map.centerAndZoom(point, 12);
    24 
    25             var geolocation = new BMap.Geolocation();
    26             geolocation.getCurrentPosition(function (r) {
    27                 if (this.getStatus() == BMAP_STATUS_SUCCESS) {
    28                     var mk = new BMap.Marker(r.point);
    29                     map.addOverlay(mk);
    30                     map.panTo(r.point);
    31                 }
    32                 else {
    33                     alert('failed' + this.getStatus());
    34                 }
    35             }, { enableHighAccuracy: true })
    36             return;
    37         }
    38         alert("你的浏览器不支持获取地理位置!");
    39     };
    40     function showPosition(position) {
    41         x = position.coords.latitude;
    42         y = position.coords.longitude;
    43     }  
    44 </script>    
    45 

    查看运行效果:

  • 相关阅读:
    docker镜像文件导入与导出,支持批量
    配置和启动Kubernetes服务
    在CentOS 7 上安装docker
    安装CentOS7精简版后的配置工作
    Docker镜像加速
    docker命令不需要敲sudo的方法
    建立时间和保持时间(setup time 和 hold time)
    时序收敛:基本概念
    GitHub: Windows 下的简单使用
    K-means算法和矢量量化
  • 原文地址:https://www.cnblogs.com/zssblog/p/5325901.html
Copyright © 2011-2022 走看看