leaflet通过经纬度定位_javascript – 如何使用Leaflet API从纬度和经度坐标检索LayerPoint(X,Y)...
如果我使用以下代码从指定的Lat / Lng获取LayerPoint:
var latLng = new L.latLng(-37.81303878836989,144.97421264648438);
var point = map.latLngToLayerPoint(latLng);
输出如下:
o.Point
x: 86042
y: 77065
然后当我尝试使用以下URL访问图层图层:
我得到一个404,因为它是一个无效的X,Y
现在,如果我使用以下代码:
map.on("click",function (e) {
console.log(e);
});
我可以在控制台中沿纬度和经度检索LayerPoint.
latlng: o.LatLng
lat: -37.81303878836989
lng: 144.97421264648438
layerPoint: o.Point
x: 950
y: 303
然后访问以下URL将返回此图层:
问题在于,它似乎并不是纬度经度的正确拼图,也不是我的原始代码将lat lng转换为LayerPoint实际上返回一个有效的X,Y.
我很困惑,为什么我得到这些结果.任何帮助将不胜感激.也许我在做错事.
我不知道是否有另一种方法根据纬度和经度列表来检索图层图层?
之后我的原因是因为我想要使用缓存的瓦片数据进行脱机应用程序,唯一的数据是通过为客户端应用程序生成的geoJSON有效载荷的几何/坐标.
更新:
结束了这个功能(感谢@scai).
var getSlippyTileLayerPoints = function (lat_deg,lng_deg,zoom) {
var x = (Math.floor((lng_deg + 180) / 360 * Math.pow(2,zoom)));
var y = (Math.floor((1 - Math.log(Math.tan(lat_deg * Math.PI / 180) + 1 / Math.cos(lat_deg * Math.PI / 180)) / Math.PI) / 2 * Math.pow(2,zoom)));
var layerPoint = {
x: x,y: y
};
return layerPoint;
};
OUTPUT:
Object {x: 924,y: 628}
更新2:
经过进一步的研究,事实证明,我以后是以下功能:
var layerPoint = map.project(latlng).divideBy(256).floor();
console.log(layerPoint.x,layerPoint.y);
leaflet通过经纬度定位_javascript – 如何使用Leaflet API从纬度和经度坐标检索LayerPoint(X,Y)...相关推荐
- 2000坐标系转经纬度工具_【Leaflet开发】L.CRS + 搞定Leaflet多坐标系拓展
一.CRS源码解析 CRS的定义就几个函数: 没错.你看出来了,其实这玩意就是提供了wgs84坐标系与目标坐标系之间转换的一种算法.因为leaflet内部都是用经纬度坐标系表达的坐标,所以leafle ...
- 百度地图SDK,报167错误,经纬度定位是4.9E-324的解决办法
在网上查了很多资料,说经纬度定位是4.9E-324,是什么 so文件不齐啊,key的问题啊,我把所有的armeabi文件加进去,还是定位失败,后来在网上看到,说是会不会第一次软件询问你是否同意定位时, ...
- python根据经纬度确定省份_根据经纬度定位用户所在城市
//根据经纬度定位用户所在城市 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition, s ...
- 百度地图--根据经纬度定位
根据经纬度定位 <html> <head> <meta http-equiv="Content-Type" content="text/ht ...
- html地图根据坐标定位,百度地图js根据经纬度定位和拖动定位点
<我自址哈这工边识框处己按后大都加控不架的;/scrip比抖朋要插支一圈不者地器享说几t> 定位 body, html, #allmap { width: 100%; height: ...
- 微信小程序之百度地图之定位AND输入地址定位AND输入经纬度定位
1.bmap-wx.min.js 例子链接 2.ak 百度地图平台 ak申请教程 3.getLocation.js // 引用百度地图微信小程序JSAPI模块 var bmap = require(' ...
- html转换图片位置不正确的是,html5+经纬度定位不准确,html5坐标转火星坐标,百度地图Convertor.translate...
今天,我爱模板网在做APP考勤时,需要定位用户的位置,显示在地图上,于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度,然后通过百度地图api将经 ...
- bigemap如在在地图上定位(经纬度定位)
本产品提供纬度坐标定位的功能.鼠标移动到工具栏,选择"".弹出对话框,本产品提供"度数"和"度-分-秒"格式的经纬度定位,也能提供经纬度坐标 ...
- php调用百度地图定位,php用百度地图API进行IP定位和GPS定位
/** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apiconsole/key ...
最新文章
- Little Sub and Counting
- 关于css加div布局和表格布局,菜鸟学习笔记:表格布局和div+css布局
- mugen4g补丁如何使用_客户端与WSUS如何连接,补丁审批,下载安装(3)
- 前端学习(1904)vue之电商管理系统电商系统之修改用户的操作
- 光盘安装linux16.04,cobbler安装ubuntu 16.04巨慢
- SQL Server : 使用SQL Express的User Instance(用户实例)特性
- 在Asp.net中弹出对话框,确定后跳转到其他页面
- 不能注册DLL/OCX:RegSvr32失败 0x5
- 总结的比较好的OpenGL教程
- java 值班管理_​运维告警的值班管理
- 提醒:使用过期Win10预览版后果很严重
- 如何在计算机设置鼠标宏,鼠标宏怎么设置,教您鼠标如何设置宏
- html和js制作个人所得税表格,用JS编写个人所得税计算器
- When I’m old and dying
- iMazing2023iOS系统设备数据传输与备份工具使用教程
- 华科计算机系统结构研究生就业,华中科技大学这四个“王牌”专业,堪比金字招牌,考上就是“香饽饽”...
- 浮点型数据的输入和输出(C语言)
- 为什么Flutter是跨平台开发的终极之选,android完整项目源码
- 游戏中BUFF的实现
- clip-path应用