百度地图经纬度和像素坐标互转

1.经纬度转像素坐标

// 投影实例
const projection = map.getMapType().getProjection()// 地图div宽高
const box = map.getSize()
const zoom = window.Math.pow(2, 18 - map.getZoom())// 中心坐标 转 平面坐标
const center = projection.lngLatToPoint(map.getCenter())// 测试坐标 转 平面坐标
// 这里根据自己的需求,设置point坐标
const point = projection.lngLatToPoint({ lng: 118.816832, lat: 31.981216 })// 像素坐标
const x = Math.round((point.x - center.x) / zoom + box.width / 2)
const y = Math.round((center.y - point.y) / zoom + box.height / 2)// 测试下 与pointToPixel转换是相同的
const pixel = map.pointToPixel({ lng: 118.816832, lat: 31.981216 })
console.log(pixel, x, y)

2.像素坐标转经纬度坐标

//投影实例
var projection = map.getMapType().getProjection();// 地图div宽高
var box = map.getSize()
var zoom = window.Math.pow(2, 18 - map.getZoom());// 中心坐标 转 平面坐标
var center = projection.lngLatToPoint(map.getCenter());//元素左上角位置
var left = 100;
var top = 100;
var x = (left - box.width / 2) * zoom + center.x;
var y = center.y - (top - box.height / 2) * zoom;
var NW = map.getMapType().getProjection().pointToLngLat({x: x,y: y
});
//坐标点
var point = new BMap.Point(NW.lng, NW.lat);
//创建图像标注
map.addOverlay(new BMap.Marker(point));

转载于:https://my.oschina.net/jszhang/blog/3098870

百度地图经纬度和像素坐标互转相关推荐

  1. 根据ip获取经纬度_PHP使用百度地图获取指定地址坐标:创建AK(图文+视频)

    本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...

  2. 根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标:经纬度(图文+视频)...

    本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...

  3. python 地图偏移_python 地图经纬度转换、纠偏的实例代码 百度地图经纬度web纠偏怎么用...

    天地图的经纬度 经过纠偏了么 给个例子证明下 如何用python实现百度地图墨卡托坐标跟经纬度坐标互转 麦哲伦机器: 系统设置 地图单位 自定义坐标系 横向墨卡托 原点纬度0 原点经度126(通化) ...

  4. gps两点距离 php,PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法

    <PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法>要点: 本文介绍了PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法,希望对您有用.如果有疑问,可以联系我们. 本文实 ...

  5. php 地图 距离,PHP计算百度地图两个GPS坐标之间距离的方法

    这篇文章主要介绍了PHP计算百度地图两个GPS坐标之间距离的方法,是针对百度地图接口开发的典型应用,需要的朋友可以参考下 本文实例讲述了PHP计算百度地图两个GPS坐标之间距离的方法.分享给大家供大家 ...

  6. 通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息

    通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息 更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...

  7. 大批量其他经纬度转换为百度地图经纬度

    大批量其他经纬度转换为百度地图经纬度 <!DOCTYPE html> <html><head><script src="./jquery-3.4.1 ...

  8. 百度地图经纬度转换腾讯地图经纬度

    百度地图经纬度转腾讯地图经纬度 function  bMapTransQQMap(lng,lat){         let x_pi = 3.14159265358979324 * 3000.0 / ...

  9. 腾讯地图api php经纬度转换地址,腾讯地图经纬度转换为百度地图经纬度

    ‍ 利用微信来获取用户当前的详细地址是非常方便的,但是利用微信获取到用户的经纬度转换为具体地址时,老是出现误差很大,因此,决心把腾讯地图经纬度转换城百度地图经纬度,然后再‍利用百度地图api来获取详细 ...

最新文章

  1. 在Ubuntu 14.04 64bit上安装思维导图工具XMind
  2. 福利 | “东数西算”这项重大工程,国家全面启动!
  3. gradlew 的https代理设定
  4. Kali学习笔记21:缓冲区溢出实验(漏洞发现)
  5. 显示在一行_使用基于Swift的一行代码自动显示Log,Network,CPU,RAM,FPS等
  6. 第十天内容《基础交换十》STP优化案例
  7. MyBatis中动态sql实现时间范围比较的查询
  8. Hadoop Pig学习笔记 各种SQL在PIG中实现
  9. web前端性能意义、关注重点、测试方案、优化技巧
  10. jenkins使用docker部署web应用
  11. Python判断两个域名的主域名是否相同
  12. 【SpringMVC 笔记】Json 交互处理
  13. JAVA 调用HTTP接口POST或GET实现方式
  14. Response.Clear() Response.ClearContent()和Response.ClearHeaders()之间的区别
  15. M5311连接HTTPS服务器下载bin文件(干货)
  16. 外接西数固态硬盘linux,外接固态硬盘安装教程 关于外接固态硬盘安装教
  17. FFmpeg学习(2)——视频文件大小压缩
  18. qt4.8.7 2016年4月18日 error reading collection file qthelpcollection cannot load sql
  19. 苹果app退款_苹果 App Store 已购买的应用如何申请退款?
  20. 微信小程序合集源码I(机器人聊天+仿别踩白块儿小游戏+仿步步高电子词典+仿知乎+日记+汉字拼音+转盘抽奖)

热门文章

  1. html引入let,let.html
  2. git代码合并了后发现有冲突,我们怎么取消合并?
  3. SQLsever数据库期末复习笔记
  4. 对Slim 框架进行总结 一
  5. 在某OC字符串中,搜索指定的某字符串:-rangeOfString:
  6. 使用redis实现秒杀功能
  7. Springboot健康饮食小程序的设计的实现毕业设计源码280920
  8. 密码 加盐处理 是什么
  9. 建设GSM900/1800双频网应考虑的几个问题(转)
  10. 准备好了吗?2021年的7大科技趋势