百度地图经纬度和像素坐标互转
百度地图经纬度和像素坐标互转
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
百度地图经纬度和像素坐标互转相关推荐
- 根据ip获取经纬度_PHP使用百度地图获取指定地址坐标:创建AK(图文+视频)
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
- 根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标:经纬度(图文+视频)...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
- python 地图偏移_python 地图经纬度转换、纠偏的实例代码 百度地图经纬度web纠偏怎么用...
天地图的经纬度 经过纠偏了么 给个例子证明下 如何用python实现百度地图墨卡托坐标跟经纬度坐标互转 麦哲伦机器: 系统设置 地图单位 自定义坐标系 横向墨卡托 原点纬度0 原点经度126(通化) ...
- gps两点距离 php,PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法
<PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法>要点: 本文介绍了PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法,希望对您有用.如果有疑问,可以联系我们. 本文实 ...
- php 地图 距离,PHP计算百度地图两个GPS坐标之间距离的方法
这篇文章主要介绍了PHP计算百度地图两个GPS坐标之间距离的方法,是针对百度地图接口开发的典型应用,需要的朋友可以参考下 本文实例讲述了PHP计算百度地图两个GPS坐标之间距离的方法.分享给大家供大家 ...
- 通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息
通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息 更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...
- 大批量其他经纬度转换为百度地图经纬度
大批量其他经纬度转换为百度地图经纬度 <!DOCTYPE html> <html><head><script src="./jquery-3.4.1 ...
- 百度地图经纬度转换腾讯地图经纬度
百度地图经纬度转腾讯地图经纬度 function bMapTransQQMap(lng,lat){ let x_pi = 3.14159265358979324 * 3000.0 / ...
- 腾讯地图api php经纬度转换地址,腾讯地图经纬度转换为百度地图经纬度
利用微信来获取用户当前的详细地址是非常方便的,但是利用微信获取到用户的经纬度转换为具体地址时,老是出现误差很大,因此,决心把腾讯地图经纬度转换城百度地图经纬度,然后再利用百度地图api来获取详细 ...
最新文章
- 在Ubuntu 14.04 64bit上安装思维导图工具XMind
- 福利 | “东数西算”这项重大工程,国家全面启动!
- gradlew 的https代理设定
- Kali学习笔记21:缓冲区溢出实验(漏洞发现)
- 显示在一行_使用基于Swift的一行代码自动显示Log,Network,CPU,RAM,FPS等
- 第十天内容《基础交换十》STP优化案例
- MyBatis中动态sql实现时间范围比较的查询
- Hadoop Pig学习笔记 各种SQL在PIG中实现
- web前端性能意义、关注重点、测试方案、优化技巧
- jenkins使用docker部署web应用
- Python判断两个域名的主域名是否相同
- 【SpringMVC 笔记】Json 交互处理
- JAVA 调用HTTP接口POST或GET实现方式
- Response.Clear() Response.ClearContent()和Response.ClearHeaders()之间的区别
- M5311连接HTTPS服务器下载bin文件(干货)
- 外接西数固态硬盘linux,外接固态硬盘安装教程 关于外接固态硬盘安装教
- FFmpeg学习(2)——视频文件大小压缩
- qt4.8.7 2016年4月18日 error reading collection file qthelpcollection cannot load sql
- 苹果app退款_苹果 App Store 已购买的应用如何申请退款?
- 微信小程序合集源码I(机器人聊天+仿别踩白块儿小游戏+仿步步高电子词典+仿知乎+日记+汉字拼音+转盘抽奖)