如果我使用以下代码从指定的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)...相关推荐

  1. 2000坐标系转经纬度工具_【Leaflet开发】L.CRS + 搞定Leaflet多坐标系拓展

    一.CRS源码解析 CRS的定义就几个函数: 没错.你看出来了,其实这玩意就是提供了wgs84坐标系与目标坐标系之间转换的一种算法.因为leaflet内部都是用经纬度坐标系表达的坐标,所以leafle ...

  2. 百度地图SDK,报167错误,经纬度定位是4.9E-324的解决办法

    在网上查了很多资料,说经纬度定位是4.9E-324,是什么 so文件不齐啊,key的问题啊,我把所有的armeabi文件加进去,还是定位失败,后来在网上看到,说是会不会第一次软件询问你是否同意定位时, ...

  3. python根据经纬度确定省份_根据经纬度定位用户所在城市

    //根据经纬度定位用户所在城市 if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition, s ...

  4. 百度地图--根据经纬度定位

    根据经纬度定位 <html> <head> <meta http-equiv="Content-Type" content="text/ht ...

  5. html地图根据坐标定位,百度地图js根据经纬度定位和拖动定位点

    &lt我自址哈这工边识框处己按后大都加控不架的;/scrip比抖朋要插支一圈不者地器享说几t> 定位 body, html, #allmap { width: 100%; height: ...

  6. 微信小程序之百度地图之定位AND输入地址定位AND输入经纬度定位

    1.bmap-wx.min.js 例子链接 2.ak 百度地图平台 ak申请教程 3.getLocation.js // 引用百度地图微信小程序JSAPI模块 var bmap = require(' ...

  7. html转换图片位置不正确的是,html5+经纬度定位不准确,html5坐标转火星坐标,百度地图Convertor.translate...

    今天,我爱模板网在做APP考勤时,需要定位用户的位置,显示在地图上,于是就想到了用h5+的plus.geolocation.getCurrentPosition来获取经纬度,然后通过百度地图api将经 ...

  8. bigemap如在在地图上定位(经纬度定位)

    本产品提供纬度坐标定位的功能.鼠标移动到工具栏,选择"".弹出对话框,本产品提供"度数"和"度-分-秒"格式的经纬度定位,也能提供经纬度坐标 ...

  9. php调用百度地图定位,php用百度地图API进行IP定位和GPS定位

    /** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apiconsole/key ...

最新文章

  1. Little Sub and Counting
  2. 关于css加div布局和表格布局,菜鸟学习笔记:表格布局和div+css布局
  3. mugen4g补丁如何使用_客户端与WSUS如何连接,补丁审批,下载安装(3)
  4. 前端学习(1904)vue之电商管理系统电商系统之修改用户的操作
  5. 光盘安装linux16.04,cobbler安装ubuntu 16.04巨慢
  6. SQL Server : 使用SQL Express的User Instance(用户实例)特性
  7. 在Asp.net中弹出对话框,确定后跳转到其他页面
  8. 不能注册DLL/OCX:RegSvr32失败 0x5
  9. 总结的比较好的OpenGL教程
  10. java 值班管理_​运维告警的值班管理
  11. 提醒:使用过期Win10预览版后果很严重
  12. 如何在计算机设置鼠标宏,鼠标宏怎么设置,教您鼠标如何设置宏
  13. html和js制作个人所得税表格,用JS编写个人所得税计算器
  14. When I’m old and dying
  15. iMazing2023iOS系统设备数据传输与备份工具使用教程
  16. 华科计算机系统结构研究生就业,华中科技大学这四个“王牌”专业,堪比金字招牌,考上就是“香饽饽”...
  17. 浮点型数据的输入和输出(C语言)
  18. 为什么Flutter是跨平台开发的终极之选,android完整项目源码
  19. 游戏中BUFF的实现
  20. clip-path应用

热门文章

  1. Linux Nginx转发配置
  2. 上传文档自动赚钱项目,简单操作,新手小白可直接上手!
  3. 条件运算符? : 与if-else语句的对比及用法详解
  4. idea配置Tomact Deployment没有artifact选项,解决方案
  5. 万科的伟大与贪婪 | 一点财经
  6. 工业机器人中常用到的传感器
  7. 七、图形与图像处理(1)
  8. 一张表读懂ON(安森美)
  9. 微信小程序WXS模块的使用
  10. 高德地图web 输入提示+地图选点