高德地图获取位置分析坐标

简介: 引用自:http://zhaoziang.com/amap/picpoint.html …………………. function getLnglat(e) {//e=鼠标点击位置    mapObj.clearMap();//获取位置之前清除之前的坐标,不管之前是否有坐标已保存    var x = e.

 

引用自:http://zhaoziang.com/amap/picpoint.html

<script>

………………….

function getLnglat(e) {//e=鼠标点击位置
    mapObj.clearMap();//获取位置之前清除之前的坐标,不管之前是否有坐标已保存
    var x = e.lnglat.getLng();//获取经度
    var y = e.lnglat.getLat();//纬度
    document.getElementById("lnglat").innerHTML = x + "," + y;//写入控件

</script>

CODE

B4ZW2DP@5$0AE@NY`M2X@IM

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>酸奶小妹的火星坐标</title>
    <script language="javascript" src="http://webapi.amap.com/maps?v=1.2&key=YOUKEY "></script>
    <style>
        #iMap {
            height: 500px;
            width: 600px;
            float: left;
        }

        .info {
            float: left;
            margin: 0 0 0 10px;
        }

        label {
            width: 80px;
            float: left;
        }

        .detail {
            padding: 10px;
            border: 1px solid #aaccaa;
        }
    </style>
</head>
<body onload="mapInit()">

    <div id="iMap"></div>
    <div class="info">
        <h1>坐标拾取工具(GCJ-02坐标)</h1>
        <p>说明:</p>
        <p>1、鼠标滚轮可以缩放地图,拖动地图。</p>
        <p>2、点击地图,即可获得GCJ-02的经纬度坐标,即火星坐标。</p>
        </br>
        <div class="detail">
            <p><span id="lnglat">&nbsp;</span></p>
            <p><span id="iAddress">&nbsp;</span></p>
        </div>
    </div>
    <!-- tongji begin-->
    <script type="text/javascript">
        var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Faeff88f19045b513af7681b011cea3bd' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!-- tongji end -->
</body>
<script language="javascript">
    var mapObj;
    var lnglatXY;
    //初始化地图
    function mapInit() {
        var opt = {
            level: 10, //设置地图缩放级别
            center: new AMap.LngLat(116.397428, 39.90923) //设置地图中心点
        }
        mapObj = new AMap.Map("iMap", opt);

        AMap.event.addListener(mapObj, 'click', getLnglat); //点击事件
    }
    function geocoder() {
        var MGeocoder;
        //加载地理编码插件
        mapObj.plugin(["AMap.Geocoder"], function () {
            MGeocoder = new AMap.Geocoder({
                radius: 1000,
                extensions: "all"
            });
            //返回地理编码结果
            AMap.event.addListener(MGeocoder, "complete", geocoder_CallBack);
            //逆地理编码
            MGeocoder.getAddress(lnglatXY);
        });
        //加点
        var marker = new AMap.Marker({
            map: mapObj,
            icon: new AMap.Icon({
                image: "http://api.amap.com/Public/images/js/mark.png",
                size: new AMap.Size(58, 30),
                imageOffset: new AMap.Pixel(-32, -0)
            }),
            position: lnglatXY,
            offset: new AMap.Pixel(-5, -30)
        });
        // mapObj.setFitView();
    }
    //回调函数
    function geocoder_CallBack(data) {
        var address;
        //返回地址描述
        address = data.regeocode.formattedAddress;
        //返回结果拼接输出
        document.getElementById("iAddress").innerHTML = address;
    }
    //鼠标点击,获取经纬度坐标
    function getLnglat(e) {
        mapObj.clearMap();
        var x = e.lnglat.getLng();
        var y = e.lnglat.getLat();
        document.getElementById("lnglat").innerHTML = x + "," + y;

        lnglatXY = new AMap.LngLat(x, y);
        geocoder();
    }
</script>
</html>

目录
相关文章
|
9月前
|
定位技术 容器
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线
80 0
|
4月前
|
前端开发 JavaScript 定位技术
高德地图精确到某个位置
高德地图精确到某个位置
27 0
|
5月前
|
资源调度 Java Python
如何在地图上寻找最密集点的位置?
最近我在工作中遇到了一个小的需求点,大概是需要在地图上展示出一堆点中的点密度最密集的位置。最开始没想到好的方法,就使用了一个非常简单的策略——所有点的坐标求平均值,这个方法大部分的时候好用,因为大部分城市所有点位基本上都是围绕某个中心点向四周发散的。但我们实际在线上使用的时候,遇到了两个特殊的case。
36 0
|
9月前
|
前端开发 定位技术 API
百度地图API:根据起始点经纬度坐标确认最佳路线规划
百度地图API:根据起始点经纬度坐标确认最佳路线规划
68 0
|
定位技术 C# Windows
C#编程学习(05):使用webbroswer控件显示地图并标注点位坐标
C#编程学习(05):使用webbroswer控件显示地图并标注点位坐标
|
9月前
|
定位技术 API
百度地图和腾讯地图开发经纬度的位置是互换的
百度地图和腾讯地图开发经纬度的位置是互换的
332 0
|
9月前
|
定位技术
百度拾取经纬度坐标转化的geojson数据偏离中心的解决方案
百度拾取经纬度坐标转化的geojson数据偏离中心的解决方案
95 0
|
10月前
|
小程序 定位技术
小程序地图转百度地图坐标
小程序地图转百度地图坐标
102 0
|
定位技术
使用地图显示我的位置
使用地图显示我的位置
75 0
|
定位技术
高德地图获取当前屏幕中心点的经纬度
高德地图获取当前屏幕中心点的经纬度
275 0
高德地图获取当前屏幕中心点的经纬度