高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换

简介: 高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换

坐标转换是一类简单的HTTP接口,能够将用户输入的非高德坐标(GPS坐标、mapbar坐标、baidu坐标)转换成高德坐标。

webAPI坐标转换

JS函数封装

    /*
     * coordsys,原坐标系,可选值:gps;mapbar;baidu;autonavi(不进行转换)
     * */
    function convertPoints(points, coordsys, keys) {
        var url = "https://restapi.amap.com/v3/assistant/coordinate/convert?locations=" + points + "&coordsys=" + coordsys + "&output=json&key=" + keys;
        $.getJSON(url, function (res) {
            //console.log(res);
            $("#coords").html(res.locations);
        })
    }
    var points = "121.554586,29.813444";
    var coordsys = "baidu";
    var keys = "4d9a765939a**";
    //函数调用;
    convertPoints(points, coordsys, keys);


成功返回的数据格式

jsAPI批量转换

    var map = new AMap.Map('container', {
        center: [121.548181, 29.806906],
        zoom: 15
    });
    // 创建包含4个节点的折线及文字标注
    var path = [
        new AMap.LngLat(121.552371,29.813682),
        new AMap.LngLat(121.555713,29.812867)
    ];
    // 坐标转换
    /*
    * type用于说明是哪个服务商的坐标,可选值有:
     gps:GPS原始坐标;
     baidu:百度经纬度;
     mapbar:图吧经纬度;*/
    AMap.convertFrom(path, 'baidu', function (status, result) {
        console.log(result);
        if (result.info === 'ok') {
            var path2 = result.locations;
            polyline2 = new AMap.Polyline({
                path: path2,
                borderWeight: 2, // 线条宽度,默认为 1
                strokeColor: 'blue', // 线条颜色
                lineJoin: 'round' // 折线拐点连接处样式
            });
            map.add(polyline2);
        }
    });

成功返回的数据格式

lockdatav Done!


相关文章
|
移动开发 小程序 JavaScript
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
微信小程序学习实录5(H5嵌入小程序、map组件、地图调起功能、腾讯百度高德导航页、返回web-view页)
645 0
|
传感器 定位技术 Android开发
安卓开发_慕课网_百度地图_实现模式转换
学习内容来自“慕课网” 模式转换,即地图的普通模式,罗盘模式,跟随模式之间的转换 学习内容接自前三篇 安卓开发_慕课网_百度地图 安卓开发_慕课网_百度地图_实现定位 安卓开发_慕课网_百度地图_实现方向传感器   一、模式转换通过菜单按钮来控制 所以添加对应的菜单项(红色字体部分)...
1030 0
|
Web App开发 JavaScript API
【高德地图API】从零开始学高德JS API(七)——定位方式大揭秘
原文:【高德地图API】从零开始学高德JS API(七)——定位方式大揭秘 摘要:关于定位,分为GPS定位和网络定位2种。GPS定位,精度较高,可达到10米,但室内不可用,且超级费电。网络定位,分为wifi定位和基站定位,都是通过获取wifi或者基站信息,然后查询对应的wifi或者基站位置数据库,得到的定位地点。
3791 0
|
数据采集 前端开发 数据可视化
漏刻有时数据可视化大屏数据采集工具(1):调用微信jsAPI扫描条形码或二维码ajax返回传参PHP源代码
漏刻有时数据可视化大屏数据采集工具(1):调用微信jsAPI扫描条形码或二维码ajax返回传参PHP源代码
123 0
|
9月前
|
存储 JavaScript 小程序
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
高德地图实现点聚合功能的详细步骤加截取地图图片 (附源码)
251 0
|
JavaScript 定位技术 API
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)
1890 0
|
JavaScript 算法 API
【高德地图API】从零开始学高德JS API(六)——坐标转换
原文:【高德地图API】从零开始学高德JS API(六)——坐标转换 摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case。我们还提供,如何将基站cell_id转换为GPS坐标? ----------------------------------------------------------------------------------------- 第一部分 各种坐标系详解 1、大地坐标系统 WGS-84 用来表述地球上点的位置的一种地区坐标系统。
2524 0
|
定位技术 API C#
C# 高德地图WebApi对接示例
1、登录或注册高德地图开放平台然后申请应用key(需要认证个人或企业开发者) 高德开放平台 | 高德地图API (amap.com) 2、创建新应用,为新应用添加key,完成第一项后即可看到key管理 3、具体的开发文档、接口入参出参以及结果示例等详见高德地图开放平台官网 地理/逆地理编码-API文档-开发指南-Web服务 API | 高德地图API (amap.com) 4、直接书写具体示例 开发语言:C# 开发工具:visual studio 2019 开发项目类型:控制台程序 //
246 1
C# 高德地图WebApi对接示例
|
移动开发 JavaScript 前端开发
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
数据可视化大屏百度地图手机端标注开发实战案例解析(jsAPI接口、标注分类图片、文本标签、分类筛选、自适应高度信息弹窗、PHP后端API)
242 0
|
9月前
|
小程序 JavaScript Java
基于微信小程序的报刊订阅小程序的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的报刊订阅小程序的设计与实现(源码+lw+部署文档+讲解等)

热门文章

最新文章