首页 > 其他分享 >mapbox坐标转 高德

mapbox坐标转 高德

时间:2024-04-17 14:12:32浏览次数:19  
标签:转换 mapbox 使用 coordtransform 坐标 Mapbox 高德

Mapbox 和 高德 (Amap) 都是地理信息系统(GIS)软件,但它们的坐标系统不同。Mapbox 通常使用的是 WGS84 坐标系统,而 高德 使用的是 GCJ-02 坐标系统。

为了将 Mapbox 的坐标转换为高德坐标,你需要进行坐标转换。由于 Mapbox 使用的是标准的 WGS84 坐标系,而 高德 使用的是经过加密的 GCJ-02 坐标系,因此你需要将 WGS84 坐标转换为 GCJ-02 坐标。

在线坐标转换 API 是一个常用的解决方案,但如果你需要在应用程序中进行转换,你可以使用一些库来进行转换。例如,在 JavaScript 中,你可以使用第三方库如 coordtransform 来进行转换。

以下是一个使用 coordtransform 库将 Mapbox 坐标转换为 高德坐标的例子:

const coordtransform = require('coordtransform');
 
// 假设你有一个 Mapbox 坐标点
let mapboxCoord = [116.4073964, 39.9041999]; // 经度, 纬度
 
// 使用 coordtransform 进行转换
let gaodeCoord = coordtransform.wgs84togcj02(mapboxCoord[0], mapboxCoord[1]);
 
console.log(gaodeCoord); // 打印转换后的高德坐标

 

标签:转换,mapbox,使用,coordtransform,坐标,Mapbox,高德
From: https://www.cnblogs.com/guwufeiyang/p/18140571

相关文章

  • Python调用微信OCR识别文字和坐标
    原理在看雪看到一篇文章:逆向调用QQ截图NT与WeChatOCR-软件逆向。里面说了怎么调用微信和QQ本地的OCR模型,还有很详细的分析过程。我稍微看了下文章,多的也看不懂。大概流程是使用mmmojo.dll这个dll来与WeChatOCR.exe做通信的,也是用它来启动和关闭WeChatOCR.exe进程的。所以关键只......
  • 使用fabric.js根据坐标生成svg图,并使用echarts显示
    仍然是在图片上特定区域根据数值显示不同的颜色的需求。拖了这么久,最终的解决方案终于定下来了:使用aoi检测设备导出的坐标来标定需显示数值和颜色的区域,如此一来就不需要人操作UI界面来标定数值的显示区域。最终使用echarts显示的方法有2种:地图map+使用坐标标记区域且区域有n......
  • matplotlib中渐变颜色条转CSS样式(hex格式)——同mapbox中cog的颜色条拉伸显示
    matplotlib中渐变颜色条转CSS样式(hex格式)——同mapbox中cog的颜色条拉伸显示应用场景:1.适用于mapbox中显示cog影像时,colormap_name拉伸颜色条转换2.适用于Python可视化matplotlib内置颜色条转换以colormap_name=Blues为例转换代码如下:使用python,需要安装matplotlib和numpy......
  • 根据覆盖物范围调整视野-高德地图
    https://lbs.amap.com/api/javascript-api-v2/guide/map/state1//创建一条折线覆盖物2varpath=[3newAMap.LngLat("116.368904","39.913423"),4newAMap.LngLat("116.382122","39.901176"),5newAMap.LngLat("......
  • vue3 + typescript 检测高德地图类型
    在ts项目中使用高德地图,为了方便使用类型检测及类型提示,需引入高德地图的类型文件,操作如下:1、引入@amap/amap-jsapi-types插件npmi-S@amap/amap-jsapi-types2、新建类型文件types/index.d.tsimport'@amap/amap-jsapi-types';3、在tsconfig.json中配置:"include":[......
  • 第六个OpenGL程序,Coordinate Systems 坐标系统 后续之 3D 3
    效果: 代码main.cpp:#include<iostream>#include<glad/glad.h>#include<glfw3.h>#include"Shader.h"#defineSTB_IMAGE_IMPLEMENTATION#include<stb_image.h>#include<glm/glm.hpp>#include<glm/gtc/matrix_transfo......
  • 第六个OpenGL程序,Coordinate Systems 坐标系统 后续之 3D 1(这个图形有点奇怪)
    效果:代码main.cpp:#include<iostream>#include<glad/glad.h>#include<glfw3.h>#include"Shader.h"#defineSTB_IMAGE_IMPLEMENTATION#include<stb_image.h>#include<glm/glm.hpp>#include<glm/gtc/matrix_transfo......
  • 第六个OpenGL程序,Coordinate Systems 坐标系统
    效果: 代码main.cpp:#include<iostream>#include<glad/glad.h>#include<glfw3.h>#include"Shader.h"#defineSTB_IMAGE_IMPLEMENTATION#include<stb_image.h>#include<glm/glm.hpp>#include<glm/gtc/matrix_trans......
  • 使用高德微信小程序插件实现精准获取打卡位置
    由于微信小程序的 getFuzzyLocation 误差太大不得不改用高德微信sdk使用方法:一、下载 sdk相关下载-微信小程序插件|高德地图API二、引入 sdk//引入varamapFile=require('..­/..­/libs/amap-wx.js');Page({onLoad:function(){varthat=this;......
  • 内网nginx代理高德问题
    A为外网服务器B为内网服务器nginx配置server{listen8081;server_name15.72.185.21; location/webapi/{proxy_passhttp://15.72.191.145:18090/; } location/restapi{ proxy_passhttp://15.72.191.145:18090/restapi/;......