041：vue+leaflet 中 Point 和 LatLng 坐标互相转换

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 041个示例

一、示例效果图

二、示例简介

本示例演示如何在vue+leaflet中使用Point和LatLng，这里做了两者之间的转换。 注意 两者转换后的值，返回相对于原点像素的相应像素坐标或经纬度坐标。zoom改变，原点（地图图层左上角的投影像素坐标）的值会改变，所以获得的值也会变化。

Point： 表示具有 x 和 y 坐标（以像素为单位）的点。
**LatLng：**表示具有一定经纬度的地理点

相同点：

因为LatLng和Point均不是继续于Leaflet的L.Class对象，所以它们都不能拓展新的类，也不能经由过程include函数为其增加新的要领。

不同点

LatLng是经纬度的坐标点，而Point是在屏幕上位置的像素点，重要用于屏幕交互事宜上，比方鼠标单击双击事宜，在屏幕上的触控滑动事宜等

直接复制下面的 vue+leaflet源代码，操作2分钟即可运行实现效果

三、配置方式

<