zoukankan      html  css  js  c++  java
  • 如何不显示地图就获取位置数据?

    使用“同步加载插件的方式”,引用各类插件,就可以不创建地图,直接获取地图数据。

    以下用IP定位做为例子,详细讲述“如何不显示地图就获取当前位置”。

    引入城市定位插件,更多插件与使用方法请见插件类总览 

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您的Key&plugin=AMap.CitySearch"></script>

    实例化城市定位

    var citysearch = new AMap.CitySearch();

    定位结果,如果成功返回城市名称,如果失败返回错误信息

    citysearch.getLocalCity(function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    if (result && result.city && result.bounds) {
                        var cityinfo = result.city;
                        var citybounds = result.bounds;
                        document.getElementById('tip').innerHTML = '您当前所在城市:'+cityinfo;
                    }
                } else {
                    document.getElementById('tip').innerHTML = result.info;
                }
            });

    截图

    全部源代码

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
        <title>根据ip定位</title>
        <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=0250860ccb5953fa5d655e8acf40ebb7&plugin=AMap.CitySearch"></script>
    </head>
    <body>
    <div id="container"></div>
    <div class="button-group">
        <input type="button" class="button" value="显示当前城市" onClick="javascript:showCityInfo()"/>
    </div>
    <div id="tip"></div>
    <script type="text/javascript">
        //获取用户所在城市信息
        function showCityInfo() {
            //实例化城市查询类
            var citysearch = new AMap.CitySearch();
            //自动获取用户IP,返回当前城市
            citysearch.getLocalCity(function(status, result) {
                if (status === 'complete' && result.info === 'OK') {
                    if (result && result.city && result.bounds) {
                        var cityinfo = result.city;
                        var citybounds = result.bounds;
                        document.getElementById('tip').innerHTML = '您当前所在城市:'+cityinfo;
                    }
                } else {
                    document.getElementById('tip').innerHTML = result.info;
                }
            });
        }
    </script>
    </body>
    </html>                        
    
        
    View Code

    在线示例:http://zhaoziang.com/amap/nomapGetcity.htm

  • 相关阅读:
    Linux makefile 教程 很具体,且易懂
    工作流技术学习
    23种设计模式(5):原型模式
    NETSH WINSOCK RESET这条命令的含义和作用?
    OpenGL中shader使用
    【我所認知的BIOS】—&gt;ADU.exe
    socket通信简单介绍
    Android开发之合并文件的几种方式
    Python 单词字母顺序不变且所有倒排
    VC2010 Working Directory
  • 原文地址:https://www.cnblogs.com/milkmap/p/6362153.html
Copyright © 2011-2022 走看看